Tagsinput fix

Author: iurevych

css/flat-ui.css

@@ -1246,6 +1246,7 @@ textarea,
     overflow: hidden;
     padding: 6px 13px 6px 19px;
     position: relative;
+    vertical-align: middle;
     display: inline-block;
     zoom: 1;
     *display: inline;
@@ -1273,7 +1274,7 @@ textarea,
     outline: 0;
     margin-right: 5px;
     margin-bottom: 5px;
-    width: 1px; }
+    width: 12px; }
 
 .tagsinput-remove-link {
   bottom: 0;
@@ -1294,7 +1295,10 @@ textarea,
     color: white; }
 
 .tagsinput-add-container {
-  display: inline; }
+  vertical-align: middle;
+  display: inline-block;
+  zoom: 1;
+  *display: inline; }
 
 .tagsinput-add {
   background-color: #bbc3cb;
@@ -1832,7 +1836,7 @@ input.todo-search-field {
 footer {
   background-color: #eceff1;
   color: #bdc1c5;
-  padding: 45px 0; }
+  padding: 26px 0; }
   footer a {
     color: #a1a4a7;
     font-weight: 700; }

index.html

@@ -737,7 +737,10 @@ <h3>Subscribe</h3>
               Subscribe to designmodo news and updates to stay tuned on great designs.<br/>
               Go to: <a href="http://designmodo.com/flat-free" target="_blank">designmodo.com/flat-free</a>
             </p>
-            <p style="margin-top:20px"><a href="https://twitter.com/share" class="twitter-share-button" data-url="http://designmodo.com/flat-free/" data-text="Flat UI Free - PSD&amp;HTML User Interface Kit" data-via="designmodo" data-size="large">Tweet</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></p>
+            <p class="ptl">
+              <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://designmodo.com/flat-free/" data-text="Flat UI Free - PSD&amp;HTML User Interface Kit" data-via="designmodo" data-size="large">Tweet</a>
+              <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+            </p>
             <h6 class="footer-copyright">Designmodo &copy; 2013</h6>
           </div>
 

sass/modules/_tagsinput.sass

@@ -17,6 +17,7 @@
     overflow: hidden
     padding: 6px 13px 6px 19px
     position: relative
+    vertical-align: middle
     +inline-block
     +transition(.14s linear)
     &:hover
@@ -41,7 +42,7 @@
     outline: 0
     margin-right: 5px
     margin-bottom: 5px
-    width: 1px
+    width: 12px
 
 .tagsinput-remove-link
   bottom: 0
@@ -64,7 +65,8 @@
     color: $inverse
 
 .tagsinput-add-container
-  display: inline
+  vertical-align: middle
+  +inline-block
 
 .tagsinput-add
   background-color: scale-color(desaturate($base, 15%), $lightness: 67%)