Tweaks for SVG updates

- move star up 1px
- make reload/stop/home the same size (on hover) as back/forward
  - move reload/stop/home out of `startButtons` and into `navigator`
  - change reload/stop/home to pos relative, move down 3 px

Changes tested on Windows

Author: bsclifton

js/components/navigationBar.js

@@ -125,32 +125,32 @@ class NavigationBar extends ImmutableComponent {
           withHomeButton={getSetting(settings.SHOW_HOME_BUTTON)}
           />
         : null
-        }
-      <div className='startButtons'>
-        {
-          this.titleMode
-          ? null
-          : this.loading
-            ? <span className='navigationButtonContainer'>
-              <span data-l10n-id='stopButton'
-                className='navigationButton stopButton'
-                onClick={this.onStop} />
-            </span>
-            : <span className='navigationButtonContainer'>
-              <span data-l10n-id='reloadButton'
-                className='navigationButton reloadButton'
-                onClick={this.onReload} />
-            </span>
-        }
-        {
-          !this.titleMode && getSetting(settings.SHOW_HOME_BUTTON)
+      }
+      {
+        this.titleMode
+        ? null
+        : this.loading
           ? <span className='navigationButtonContainer'>
-            <span data-l10n-id='homeButton'
-              className='navigationButton homeButton'
-              onClick={this.onHome} />
+            <span data-l10n-id='stopButton'
+              className='navigationButton stopButton'
+              onClick={this.onStop} />
           </span>
-          : null
-        }
+          : <span className='navigationButtonContainer'>
+            <span data-l10n-id='reloadButton'
+              className='navigationButton reloadButton'
+              onClick={this.onReload} />
+          </span>
+      }
+      {
+        !this.titleMode && getSetting(settings.SHOW_HOME_BUTTON)
+        ? <span className='navigationButtonContainer'>
+          <span data-l10n-id='homeButton'
+            className='navigationButton homeButton'
+            onClick={this.onHome} />
+        </span>
+        : null
+      }
+      <div className='startButtons'>
         {
           !this.titleMode
           ? <span className='bookmarkButtonContainer'>

less/navigationBar.less

@@ -43,15 +43,15 @@
 
   #navigator {
     .homeButton {
-      margin: 0 3px 3px 3px;
+      margin: 0 3px 4px 3px;
     }
 
     .stopButton {
-      margin: 0 3px 4px 3px;
+      margin: 0 3px 6px 3px;
     }
 
     .reloadButton {
-      margin: 0 3px 2px 3px;
+      margin: 0 3px 3px 3px;
     }
   }
 
@@ -575,12 +575,16 @@
     margin: 0 3px 3px 3px;
     padding: 0 6px;
     height: 9px;
+    position: relative;
+    top: 3px;
   }
 
   .reloadButton {
     background: url('../img/toolbar/reload_btn.svg') center no-repeat;
     margin: 0 3px 1px 3px;
     padding: 0 6px;
+    position: relative;
+    top: 3px;
   }
 
   .homeButton {
@@ -589,14 +593,16 @@
     height: 13px;
     margin: 0 3px 2px 3px;
     padding: 0 6px;
+    position: relative;
+    top: 3px;
   }
 
   .bookmarkButton {
     background: url('../img/toolbar/bookmark_btn.svg') center no-repeat;
     -webkit-mask-repeat: no-repeat;
     width: 14px;
     height: 14px;
-    margin-bottom: 1px;
+    margin-bottom: 2px;
 
     &.removeBookmarkButton {
       background: url('../img/toolbar/bookmark_marked.svg') center no-repeat;