From 2e7c7ce0cc74e2e7fc40b9cae363dc86e2088256 Mon Sep 17 00:00:00 2001
From: lilia <liliakai@gmail.com>
Date: Tue, 22 Mar 2016 11:01:04 -0700
Subject: [PATCH] Move back button to the left

// FREEBIE
---
 background.html          | 8 ++++++--
 stylesheets/_global.scss | 7 ++++++-
 stylesheets/manifest.css | 5 ++++-
 3 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/background.html b/background.html
index 89372a47..a7396aba 100644
--- a/background.html
+++ b/background.html
@@ -5,7 +5,7 @@
   <script type='text/x-tmpl-mustache' id='two-column'>
     <div class='gutter'>
         <div class='title-bar active' id='header'>
-          <div class='header-buttons'>
+          <div class='header-buttons right'>
             <div class='vertical-align'>
               <div class='global-menu menu'>
                 <button class='hamburger'></button>
@@ -44,9 +44,13 @@
   <script type='text/x-tmpl-mustache' id='conversation'>
     <div class='conversation-header'
         style='background-color: {{ avatar.color }}'>
-        <div class='header-buttons'>
+        <div class='header-buttons left'>
           <div class='vertical-align'>
             <button class='back hide'></button>
+          </div>
+        </div>
+        <div class='header-buttons right'>
+          <div class='vertical-align'>
             <div class='conversation-menu menu'>
               <button class='hamburger'></button>
               <ul class='menu-list'>
diff --git a/stylesheets/_global.scss b/stylesheets/_global.scss
index 0bca714a..4572a1dc 100644
--- a/stylesheets/_global.scss
+++ b/stylesheets/_global.scss
@@ -79,7 +79,12 @@ button.back {
 }
 
 .header-buttons {
-  float: right;
+  &.left {
+    float: left;
+  }
+  &.right {
+    float: right;
+  }
   height: 0;
 
   .vertical-align {
diff --git a/stylesheets/manifest.css b/stylesheets/manifest.css
index 7feccc1c..2fb443d2 100644
--- a/stylesheets/manifest.css
+++ b/stylesheets/manifest.css
@@ -77,8 +77,11 @@ button.back {
   border-radius: 10px; }
 
 .header-buttons {
-  float: right;
   height: 0; }
+  .header-buttons.left {
+    float: left; }
+  .header-buttons.right {
+    float: right; }
   .header-buttons .vertical-align {
     height: 64px;
     vertical-align: middle;