urlbar padding tweaks

5 files changed, 33 insertions, 25 deletions

diff --git a/arc-firefox-theme/chrome/browser/browser.css b/arc-firefox-theme/chrome/browser/browser.css
index c9adcae..fee8692 100644
--- a/arc-firefox-theme/chrome/browser/browser.css
+++ b/arc-firefox-theme/chrome/browser/browser.css
@@ -1178,7 +1178,9 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) {
   border: 1px solid #5294E2; }
 
 .searchbar-textbox {
-  border-radius: 20px; }
+  border-radius: 20px;
+  padding-left: 6px;
+  padding-right: 6px; }
 
 #urlbar:-moz-lwtheme,
 .searchbar-textbox:-moz-lwtheme {
@@ -1340,7 +1342,7 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) {
   padding-right: 2px; }
 
 #notification-popup-box:not([hidden]) + #identity-box {
-  padding-inline-start: 5px;
+  padding-inline-start: 9px;
   border-radius: 0; }
 
 window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box {
@@ -1493,11 +1495,11 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
   position: relative;
   background-color: transparent;
   background-clip: padding-box;
-  padding-left: 1px;
-  padding-right: 4px;
+  padding-left: 5px;
+  padding-right: 8px;
   border-width: 0 1px 0 0;
   border-style: solid;
-  border-color: #dcdfe3; }
+  border-color: rgba(207, 214, 230, 0.5); }
 
 /* This changes the direction of the main notification box on the url bar. */
 #notification-popup-box:-moz-locale-dir(rtl),
diff --git a/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss b/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss
index ed381f5..b7cd1ad 100644
--- a/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss
+++ b/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss
@@ -1556,7 +1556,7 @@ list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active.
   @include entry(focus);
 }
 
-.searchbar-textbox { border-radius: 20px; }
+.searchbar-textbox { border-radius: 20px;  padding-left: 6px; padding-right: 6px; }
 
 //#urlbar {
 //  background-color: -moz-field;
@@ -1815,7 +1815,7 @@ list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active.
 }
 
 #notification-popup-box:not([hidden]) + #identity-box {
-  padding-inline-start: 5px;
+  padding-inline-start: 9px;
   border-radius: 0;
 }
 
@@ -2024,11 +2024,11 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
   position: relative;
   background-color: transparent;
   background-clip: padding-box;
-  padding-left: 1px;
-  padding-right: 4px;
+  padding-left: 5px;
+  padding-right: 8px;
   border-width: 0 1px 0 0;
   border-style: solid;
-  border-color: $borders_color;
+  border-color: transparentize($entry_border, 0.5);
   //border-image: url("chrome://browser/skin/urlbar-arrow.png") 0 8 0 0 fill;
   //-moz-margin-end: -8px;
 }
diff --git a/arc-firefox-theme/chrome/browser/sass/browser-dark.css b/arc-firefox-theme/chrome/browser/sass/browser-dark.css
index 3d5b595..a29f2b0 100644
--- a/arc-firefox-theme/chrome/browser/sass/browser-dark.css
+++ b/arc-firefox-theme/chrome/browser/sass/browser-dark.css
@@ -1179,7 +1179,9 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) {
   box-shadow: inset 0 1px #5294E2, inset 0 -1px #5294E2, inset 1px 0 #5294E2, inset -1px 0 #5294E2; }
 
 .searchbar-textbox {
-  border-radius: 20px; }
+  border-radius: 20px;
+  padding-left: 6px;
+  padding-right: 6px; }
 
 #urlbar:-moz-lwtheme,
 .searchbar-textbox:-moz-lwtheme {
@@ -1341,7 +1343,7 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) {
   padding-right: 2px; }
 
 #notification-popup-box:not([hidden]) + #identity-box {
-  padding-inline-start: 5px;
+  padding-inline-start: 9px;
   border-radius: 0; }
 
 window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box {
@@ -1494,11 +1496,11 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
   position: relative;
   background-color: transparent;
   background-clip: padding-box;
-  padding-left: 1px;
-  padding-right: 4px;
+  padding-left: 5px;
+  padding-right: 8px;
   border-width: 0 1px 0 0;
   border-style: solid;
-  border-color: #2b2e39; }
+  border-color: rgba(43, 46, 57, 0.5); }
 
 /* This changes the direction of the main notification box on the url bar. */
 #notification-popup-box:-moz-locale-dir(rtl),
diff --git a/arc-firefox-theme/chrome/browser/sass/browser-darker.css b/arc-firefox-theme/chrome/browser/sass/browser-darker.css
index ccad16a..2650e51 100644
--- a/arc-firefox-theme/chrome/browser/sass/browser-darker.css
+++ b/arc-firefox-theme/chrome/browser/sass/browser-darker.css
@@ -1178,7 +1178,9 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) {
   border: 1px solid #5294E2; }
 
 .searchbar-textbox {
-  border-radius: 20px; }
+  border-radius: 20px;
+  padding-left: 6px;
+  padding-right: 6px; }
 
 #urlbar:-moz-lwtheme,
 .searchbar-textbox:-moz-lwtheme {
@@ -1340,7 +1342,7 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) {
   padding-right: 2px; }
 
 #notification-popup-box:not([hidden]) + #identity-box {
-  padding-inline-start: 5px;
+  padding-inline-start: 9px;
   border-radius: 0; }
 
 window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box {
@@ -1493,11 +1495,11 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
   position: relative;
   background-color: transparent;
   background-clip: padding-box;
-  padding-left: 1px;
-  padding-right: 4px;
+  padding-left: 5px;
+  padding-right: 8px;
   border-width: 0 1px 0 0;
   border-style: solid;
-  border-color: #dcdfe3; }
+  border-color: rgba(207, 214, 230, 0.5); }
 
 /* This changes the direction of the main notification box on the url bar. */
 #notification-popup-box:-moz-locale-dir(rtl),
diff --git a/arc-firefox-theme/chrome/browser/sass/browser-light.css b/arc-firefox-theme/chrome/browser/sass/browser-light.css
index c9adcae..fee8692 100644
--- a/arc-firefox-theme/chrome/browser/sass/browser-light.css
+++ b/arc-firefox-theme/chrome/browser/sass/browser-light.css
@@ -1178,7 +1178,9 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) {
   border: 1px solid #5294E2; }
 
 .searchbar-textbox {
-  border-radius: 20px; }
+  border-radius: 20px;
+  padding-left: 6px;
+  padding-right: 6px; }
 
 #urlbar:-moz-lwtheme,
 .searchbar-textbox:-moz-lwtheme {
@@ -1340,7 +1342,7 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) {
   padding-right: 2px; }
 
 #notification-popup-box:not([hidden]) + #identity-box {
-  padding-inline-start: 5px;
+  padding-inline-start: 9px;
   border-radius: 0; }
 
 window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box {
@@ -1493,11 +1495,11 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
   position: relative;
   background-color: transparent;
   background-clip: padding-box;
-  padding-left: 1px;
-  padding-right: 4px;
+  padding-left: 5px;
+  padding-right: 8px;
   border-width: 0 1px 0 0;
   border-style: solid;
-  border-color: #dcdfe3; }
+  border-color: rgba(207, 214, 230, 0.5); }
 
 /* This changes the direction of the main notification box on the url bar. */
 #notification-popup-box:-moz-locale-dir(rtl),