[fix bug 1288802] Misplaced down arrow, in select initiave dropbox (#…

…1314) * [fix bug 1288802] Misplaced down arrow, in select initiave dropbox * adjusted required-field spacing * removed extra line * set .required-field - top: 18px, .required-field-input - top: 20px
mozilla · Apr 17, 2017 · 0564c4b · 0564c4b
1 parent 1b0438c
commit 0564c4b
Show file tree

Hide file tree

Showing 2 changed files with 444 additions and 294 deletions.
diff --git a/remo/base/static/base/css/app-fd4.less b/remo/base/static/base/css/app-fd4.less
@@ -2115,7 +2115,7 @@ meter::-o-meter-suboptimum-value {
 
 .events-main {
     p {
-        margin-top: 10px;
+        margin-bottom: 2em;
         font-size: 13px;
     }
     p.lead {
@@ -2124,9 +2124,7 @@ meter::-o-meter-suboptimum-value {
     textarea {
         height: auto;
     }
-    textarea + .required-field {
-        top: -50px;
-    }
+
     textarea.postevent-details {
         height: 100px;
         font-size: 13px;
@@ -2137,6 +2135,7 @@ meter::-o-meter-suboptimum-value {
         box-shadow: none;
     }
     .more-info {
+        text-align: left;
         font-size: 10px;
     }
     #searchform {
@@ -2160,32 +2159,42 @@ meter::-o-meter-suboptimum-value {
         .copyblock {
             padding-bottom: 10px;
         }
-        .required-field {
-            top: -30px;
-            margin-bottom: -30px;
-        }
         button {
             margin-top: 10px;
         }
     }
     .category-select {
         margin-top: 10px;
-        .required-field {
-            top: 10px;
-        }
-    }
-    .map-point-select {
-        button + .required-field {
-            top: 10px;
-        }
     }
+
     #event-attend-button button {
         padding: 8px 10px 10px;
     }
     .event-single-title {
         font-weight: bold;
         margin-bottom: 30px;
     }
+
+    .section {
+        padding-right: 25px;
+        padding-bottom: 25px;
+    }
+
+    .required-field {
+        &:extend(.required-field);
+        left: 5px;
+        top:18px;
+    }
+
+    .required-field-input:before {
+         &:extend(.required-field:before);
+    }
+
+    .required-field-input {
+        &:extend(.required-field);
+        left: 5px;
+        top: 20px;
+    }
 }
 
 .attending-event-msg {
@@ -2237,6 +2246,11 @@ meter::-o-meter-suboptimum-value {
     padding-top: 6.5px;
 }
 
+#mozilla_event {
+    margin-bottom: 1em;
+}
+
+
 @media only screen and (max-width: @breakMedium) {
     #events-searchform {
         .pictogram-search {