From d0392a3e0490ac48e4108ac9ee3dde282f019ed7 Mon Sep 17 00:00:00 2001
From: lilia <liliakai@gmail.com>
Date: Mon, 23 Feb 2015 12:07:06 -0800
Subject: [PATCH] Refactor title bar text style

---
 index.html               |  2 +-
 stylesheets/_global.scss |  8 ++++++++
 stylesheets/_index.scss  | 11 +++--------
 stylesheets/manifest.css | 12 +++++++-----
 4 files changed, 19 insertions(+), 14 deletions(-)

diff --git a/index.html b/index.html
index 875afff2..2c7e3ad1 100644
--- a/index.html
+++ b/index.html
@@ -16,7 +16,7 @@
         <div class='title-bar' id='header'>
           <div class='back'>
             <button></button>
-            <span>New Message</span>
+            <span class='title-text'>New Message</span>
           </div>
         </div>
         <div class='notifications'>
diff --git a/stylesheets/_global.scss b/stylesheets/_global.scss
index 016b743f..2f406633 100644
--- a/stylesheets/_global.scss
+++ b/stylesheets/_global.scss
@@ -35,6 +35,14 @@ body {
   color: $blue;
 }
 
+.title-text {
+  display: block;
+  text-align: center;
+  height: $header-height;
+  line-height: $header-height;
+  font-family: $roboto-light;
+}
+
 .menu {
   position: relative;
   float: right;
diff --git a/stylesheets/_index.scss b/stylesheets/_index.scss
index d579b9c5..9fa8c83c 100644
--- a/stylesheets/_index.scss
+++ b/stylesheets/_index.scss
@@ -31,18 +31,13 @@ input.new-message {
   text-align: center;
   button {
     float: left;
-    width: 36px;
-    height: 36px;
+    width: $header-height;
+    height: $header-height;
     background: $header-color url('/images/back.png') no-repeat center center;
   }
 
   span {
-    display: inline-block;
-    height: 36px;
-    line-height: 36px;
-    font-family: $roboto-light;
-    color: $blue;
-    text-indent: -36px;
+    text-indent: -$header-height;
   }
 }
 
diff --git a/stylesheets/manifest.css b/stylesheets/manifest.css
index 4b707281..52dac337 100644
--- a/stylesheets/manifest.css
+++ b/stylesheets/manifest.css
@@ -45,6 +45,13 @@ body {
   box-shadow: 0 -4px 3px 4px rgba(165, 165, 165, 0.8);
   color: #2a92e7; }
 
+.title-text {
+  display: block;
+  text-align: center;
+  height: 36px;
+  line-height: 36px;
+  font-family: Roboto-Light, "Helvetica Neue", Arial, Helvetica, sans-serif; }
+
 .menu {
   position: relative;
   float: right;
@@ -134,11 +141,6 @@ input.new-message {
     height: 36px;
     background: #f2f2f2 url("/images/back.png") no-repeat center center; }
   .back span {
-    display: inline-block;
-    height: 36px;
-    line-height: 36px;
-    font-family: Roboto-Light, "Helvetica Neue", Arial, Helvetica, sans-serif;
-    color: #2a92e7;
     text-indent: -36px; }
 
 .new-conversation .new-group-update-form {