refining the android app

dist/android-theme.css

@@ -178,9 +178,6 @@ a:active {
 .bar-tab .tab-item.active, .bar-tab .tab-item:active {
   color: #33b5e5;
 }
-.bar-tab .tab-item .icon {
-  top: 2px;
-}
 
 .title {
   position: static;
@@ -215,9 +212,6 @@ a:active {
   color: #33b5e5;
   opacity: .6;
 }
-.bar-nav .btn-link .icon {
-  top: 2px;
-}
 
 .bar .segmented-control {
   top: 7px;

dist/ratchet.css

@@ -543,7 +543,6 @@ input[type="button"] {
 .bar-tab .tab-item .icon {
   width: 24px;
   height: 24px;
-  top: 2px;
 }
 .bar-tab .tab-item .icon ~ .tab-label {
   display: block;
@@ -614,6 +613,7 @@ input[type="button"] {
 
 .bar .icon {
   position: relative;
+  top: 2px;
   z-index: 20;
   font-size: 24px;
 }

docs-assets/css/docs.css

@@ -1357,9 +1357,6 @@ hr {
 .platform-android .bar-tab .tab-item.active, .platform-android .bar-tab .tab-item:active {
   color: #33b5e5;
 }
-.platform-android .bar-tab .tab-item .icon {
-  top: 2px;
-}
 .platform-android .title {
   position: static;
   padding-left: 15px;
@@ -1391,9 +1388,6 @@ hr {
   color: #33b5e5;
   opacity: .6;
 }
-.platform-android .bar-nav .btn-link .icon {
-  top: 2px;
-}
 .platform-android .bar .segmented-control {
   top: 7px;
 }

examples/app-android-notes/index.html

@@ -113,7 +113,10 @@
     <div id="composeModal" class="modal">
       <header class="bar bar-nav">
         <a class="icon icon-close pull-right" href="#composeModal"></a>
-        <h1 class="title">Settings</h1>
+        <h1 class="title">
+          <span class="icon icon-gear"></span>
+          Settings
+        </h1>
       </header>
       
       <div class="content">

lib/sass/bars.scss

@@ -106,7 +106,6 @@
     .icon {
       width: 24px;
       height: 24px;
-      top: 2px;
 
       // Make the label smaller if it's used with an icon
       ~ .tab-label {
@@ -213,6 +212,7 @@
 .bar {
   .icon {
     position: relative;
+    top: 2px;
     z-index: 20; // Position the buttons on top of .title
     font-size: 24px;
 

lib/sass/theme-android.scss

@@ -263,10 +263,6 @@ a {
     &:active {
       color: $primary-color;
     }
-    
-    .icon {
-      top: 2px;
-    }
   }
 }
 
@@ -311,10 +307,6 @@ a {
       color: $primary-color;
       opacity: .6;
     }
-    // Position icons in link buttons correctly.
-    .icon {
-      top: 2px;
-    }
   }
 }