code cleanup and update doc

6 files changed, 14 insertions, 16 deletions

diff --git a/README.md b/README.md
index 5b54083..ce042d1 100644
--- a/README.md
+++ b/README.md
@@ -5,8 +5,7 @@ Spectre.css is a lightweight, responsive and modern CSS framework for faster and
 - flexbox, responsive and mobile-friendly layout
 - carefully designed elements
 - built in useful components and utilities
-- patterns and html templates (soon)
-- email templates (soon)
+- responsive email templates (soon)
 
 Spectre is a side project based on years of CSS development work on a large web service project. Spectre only includes modern base styles, responsive layout system, CSS components and utilities, and it can be modified for your project with LESS compiler.
 
@@ -18,9 +17,9 @@ There are 3 ways to get started with Spectre CSS framework in your projects. You
 ##### Install manually
 Download the compiled and minified [Spectre CSS file](https://github.com/picturepan2/spectre/tree/master/dist).
 ##### Install with NPM
-`$ npm install spectre.css --save`
+`$ npm install spectre.css`
 ##### Install with Bower
-`$ bower install spectre.css --save`
+`$ bower install spectre.css`
 
 And include it in your website or Web app <head> part.
 
@@ -64,6 +63,10 @@ You can compiling your custom version of Spectre.css. Read [the documentation](h
 
 - [utilities](http://picturepan2.github.io/spectre/#utilities) - layout, positions, display, text, shapes, loading things
 
+### Tools
+
+- [Responsive Resizer](http://picturepan2.github.io/spectre/tools/resizer) - responsive test tool
+
 ### Browser support
 Spectre uses [Autoprefixer](https://github.com/postcss/autoprefixer) to make most styles compatible with earlier browsers and [Normalize.css](https://necolas.github.io/normalize.css/) for CSS resets. Spectre is designed for modern browsers. For best compatiblity, these browsers are recommended:
 - Chrome (last two)
diff --git a/bower.json b/bower.json
index 52c5a65..2ae479c 100644
--- a/bower.json
+++ b/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "spectre.css",
-  "version": "0.1.20",
+  "version": "0.1.21",
   "description": "Spectre.css: a lightweight, responsive and modern CSS framework.",
   "homepage": "http://picturepan2.github.io/spectre",
   "repository": "picturepan2/spectre",
diff --git a/index.html b/index.html
index dd70655..8f5ef1d 100644
--- a/index.html
+++ b/index.html
@@ -73,8 +73,7 @@
                     <li>flexbox, responsive and mobile-friendly layout</li>
                     <li>carefully designed elements</li>
                     <li>built in useful components and utilities</li>
-                    <li>patterns and html templates <span class="label label-primary">soon</span></li>
-                    <li>email templates <span class="label label-primary">soon</span></li>
+                    <li>responsive email templates <span class="label label-primary">soon</span></li>
                 </ul>
             </section>
             <section class="notes text-center">
@@ -2426,7 +2425,7 @@
     <footer class="bg-grey">
         <section id="copyright" class="grid-footer container grid-960">
             <p>
-                <a href="https://github.com/picturepan2/spectre" target="_blank">GitHub Repo</a> | <a href="#">Back to top</a> | version: 0.1.20
+                <a href="https://github.com/picturepan2/spectre" target="_blank">GitHub Repo</a> | <a href="#">Back to top</a> | version: 0.1.21
             </p>
             <p>Designed and built with love by <a href="https://twitter.com/picturepan2" target="_blank">Yan Zhu</a>. Licensed under the <a href="https://github.com/picturepan2/spectre/blob/master/LICENSE" target="_blank">MIT License</a>.</p>
         </section>
diff --git a/package.json b/package.json
index 3edf308..40c010a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "spectre.css",
-  "version": "0.1.20",
+  "version": "0.1.21",
   "homepage": "http://picturepan2.github.io/spectre",
   "author": "Yan Zhu <picturepan2@hotmail.com>",
   "description": "Spectre.css: a lightweight, responsive and modern CSS framework.",
diff --git a/src/forms.less b/src/forms.less
index 96049c9..67c4673 100644
--- a/src/forms.less
+++ b/src/forms.less
@@ -46,6 +46,7 @@
 
   &.input-inline {
     display: inline-block;
+    vertical-align: middle;
     width: auto;
   }
 
@@ -266,10 +267,4 @@
       z-index: 99;
     }
   }
-}
-// Form inline
-.form-inline {
-  display: inline-block;
-  vertical-align: middle;
-  width: auto;
-}
+}
\ No newline at end of file
diff --git a/tools/resizer/assets/css/app.css b/tools/resizer/assets/css/app.css
index 32c03e8..1f71031 100644
--- a/tools/resizer/assets/css/app.css
+++ b/tools/resizer/assets/css/app.css
@@ -86,6 +86,7 @@
   flex: 1 1 auto;
   height: auto;
   position: relative;
+  width: 100%;
 }
 .browser .browser-body iframe {
   height: 100%;