From 2167a8d94dc13e713c94109d6bf20aba827b0d34 Mon Sep 17 00:00:00 2001
From: Abdallah Soliman <abdallah.soliman@case.edu>
Date: Sun, 10 Jul 2016 22:50:40 -0500
Subject: [PATCH] moved back button to right of moonlight

---
 index.html           | 4 ++--
 static/css/style.css | 4 +++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index f5c17f5..c56ea1e 100644
--- a/index.html
+++ b/index.html
@@ -11,12 +11,12 @@
         <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
             <header class="mdl-layout__header">
                 <div class="mdl-layout__header-row">
+                    <!-- Navigation on the right -->
+                    <img src="static/res/ic_arrow_back_white_24px.svg" id='backIcon'></img>
                     <!-- Title -->
                     <span class="mdl-layout-title">Moonlight</span>
                     <!-- Add spacer, to align navigation to the right -->
                     <div class="mdl-layout-spacer"></div>
-                    <!-- Navigation on the right -->
-                    <img src="static/res/ic_arrow_back_white_24px.svg" id='backIcon'></img>
                 </div>
             </header>
             <main id="main-content" class="mdl-layout__content">
diff --git a/static/css/style.css b/static/css/style.css
index cf86292..da8f73c 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -54,7 +54,9 @@
 }
 #backIcon {
     height: 32px;
-    width: 32px
+    width: 32px;
+    margin-left: -20px;
+    padding-right: 20px;
 }
 #addHostCell {
     padding-top:3px;