Fixes #273 issue with dropdown icons breaking layout

11 years ago · 3d11dcc8b8
2 changed files with 4 additions and 2 deletions
--- a/server/documents/modules/dropdown.html.eco
+++ b/server/documents/modules/dropdown.html.eco
@ -506,8 +506,8 @@ type        : 'UI Module'
          <label>Gender</label>
          <div class="ui dropdown selection">
            <input type="hidden" name="gender">
-            <i class="dropdown icon"></i>
            <div class="default text">...</div>
+            <i class="dropdown icon"></i>
            <div class="menu">
              <div class="item" data-value="male">Male</div>
              <div class="item" data-value="female">Female</div>
--- a/src/modules/dropdown.less
+++ b/src/modules/dropdown.less
@ -88,7 +88,6 @@
 ---------------*/

 .ui.dropdown > .dropdown.icon {
-  float: right;
  width: auto;
  margin: 0em 0em 0em 1em;
 }
@ -400,6 +399,9 @@
 .ui.fluid.dropdown {
  display: block;
 }
+.ui.fluid.dropdown > .dropdown.icon {
+  float: right;
+}

 /*--------------
     Inline