Use the form-help class in the UserCountry settings

1 files changed, 13 insertions, 8 deletions

diff --git a/plugins/Morpheus/stylesheets/general/_forms.less b/plugins/Morpheus/stylesheets/general/_forms.less
index 3767b54411..49c5358f1d 100644
--- a/plugins/Morpheus/stylesheets/general/_forms.less
+++ b/plugins/Morpheus/stylesheets/general/_forms.less
@@ -89,17 +89,9 @@ select {
     }
 
     .form-help {
-        .alert;
-        .alert-info;
         float: right;
         width: 58%;
         margin-bottom: 0;
-        // Smaller padding to match input's heights
-        padding: 11px 20px 10px;
-        &:before {
-            // Remove the icon
-            content: "";
-        }
     }
 
     label .form-description {
@@ -123,6 +115,19 @@ select {
     }
 }
 
+// TODO Form helps are used outside of forms in UserCountry (old table layout)
+// Once this plugin uses the new form layout, move those rules back into ".form-group .form-help"
+.form-help {
+    .alert;
+    .alert-info;
+    // Smaller padding to match input's heights
+    padding: 11px 20px 10px;
+    &:before {
+        // Remove the icon
+        content: "";
+    }
+}
+
 .form-description {
     color: @theme-color-text-lighter;
     font-style: italic;