Windows 7 fixes

- fix button size - new svg for close - fix margin - color updates
brave · Sep 15, 2016 · 680f6a9 · 680f6a9
1 parent 52a1968
commit 680f6a9
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 14 deletions.
diff --git a/img/windows/close.svg b/img/windows/close.svg
diff --git a/less/navigationBar.less b/less/navigationBar.less
@@ -81,7 +81,7 @@
   }
 
   .win7 {
-    margin-right: 5px;
+    margin-right: 6px;
 
     button.captionButton {
       outline: 0;
@@ -90,11 +90,12 @@
       border: 1px solid #838383;
       border-top: 0;
       display: inline-block;
-      background-color: #dfdfdf;
+      background-color: #e0e0e0;
       box-shadow: inset 1px 1px rgba(255, 255, 255, 0.9);
       width: 25px;
 
       &.minimize {
+        width: 28px;
         border-right: 0px;
         &:hover {
           background-color: #f5f5f5;
@@ -108,14 +109,15 @@
           width: 10px;
           height: 3px;
           border: 1px solid #838383;
-          background: #f0f0f0;
+          background: #fefefe;
           display: inline-block;
           border-radius: 1px;
         }
       }
 
       &.maximize {
         border-right: 0px;
+        width: 27px;
         &:hover {
           background-color: #f5f5f5;
           .widget {
@@ -143,25 +145,25 @@
             .widget1 {
               width: 8px;
               top: 2px;
-              left: 8px;
+              left: 10px;
             }
             .widget2 {
               width: 8px;
               height: 8px;
               top: -5px;
-              left: 4px;
-              background: #f0f0f0;
+              left: 6px;
+              background: #fefefe;
               border-radius: 1px;
             }
             .widget3 {
               display: inline-block;
               width: 2px;
               height: 2px;
               border: 1px solid #838383;
-              background: #f0f0f0;
+              background: #fefefe;
               position: relative;
               top: -20px;
-              left: -3px;
+              left: -2px;
             }
           }
         }
@@ -171,20 +173,20 @@
             width: 10px;
             height: 8px;
             border: 1px solid #838383;
-            background: #f0f0f0;
+            background: #fefefe;
             position: relative;
             top: 2px;
-            left: 6px;
+            left: 7px;
             border-radius: 1px;
           }
           .widget2 {
             width: 4px;
             height: 2px;
             border: 1px solid #838383;
-            background-color: #dfdfdf;
+            background-color: #e0e0e0;
             position: relative;
             top: -5px;
-            left: 9px;
+            left: 10px;
             border-radius: 0;
           }
           .widget3 { display: none; }
@@ -194,7 +196,7 @@
       }
 
       &.close {
-        width: 43px;
+        width: 48px;
         border-radius: 0 0 4px 0;
         &:hover {
           background-color: #d9504e;