Fix icons bug within Autocomplete picturepan2#212

trilbymedia · Jun 8, 2017 · bf07c7c · bf07c7c
1 parent 130c203
commit bf07c7c
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 4 deletions.
diff --git a/docs/components.html b/docs/components.html
@@ -302,7 +302,10 @@
                       Thor Odinson
                       <button class="btn btn-clear"></button>
                     </label>
-                    <input class="form-input" type="text" placeholder="" value="S" />
+                    <div class="has-icon-left">
+                      <input class="form-input" type="text" placeholder="" value="S" />
+                      <i class="form-icon loading"></i>
+                    </div>
                   </div>
                   <ul class="menu">
                     <li class="menu-item">

diff --git a/docs/dist/spectre.css b/docs/dist/spectre.css
@@ -1840,7 +1840,7 @@ code {
   -ms-flex: 1 0 auto;
   flex: 1 0 auto;
   height: 2.8rem;
-  padding: .3rem .8rem;
+  line-height: 1.6rem;
   width: auto;
 }
 .form-autocomplete mark {

diff --git a/docs/dist/spectre.min.css b/docs/dist/spectre.min.css
diff --git a/src/autocomplete.less b/src/autocomplete.less
@@ -21,7 +21,7 @@
       display: inline-block;
       flex: 1 0 auto;
       height: 2.8rem;
-      padding: .3rem .8rem;
+      line-height: 1.6rem;
       width: auto;
     }
   }