From 94872a63f5befa8d245fdee36c98679654043da8 Mon Sep 17 00:00:00 2001
From: MrOtherGuy <jastekken@outlook.com>
Date: Tue, 4 Dec 2018 18:32:52 +0200
Subject: [PATCH] Exclude downloads button from the rules

---
 chrome/navigation_buttons_inside_urlbar.css | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/chrome/navigation_buttons_inside_urlbar.css b/chrome/navigation_buttons_inside_urlbar.css
index 06fa4c5..d26a2d8 100644
--- a/chrome/navigation_buttons_inside_urlbar.css
+++ b/chrome/navigation_buttons_inside_urlbar.css
@@ -1,5 +1,6 @@
 /* Requires you to edit toolbar layout. Put buttons directly to the right of the urlbar in this order: <urlbar><reload-button><back-button><forward-button>*/
 /* Actually, the order of reload and back-buttons doesn't matter */
+
 #urlbar{
   margin-right:0px !important;
   border-right:none !important;
@@ -8,11 +9,11 @@
 }
 
 #urlbar,
-#nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"]{
+#nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"]:not(#downloads-button){
   border-color: var(--lwt-toolbar-field-border-color, hsla(240,5%,5%,.25));
 }
 
-#nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"]{
+#nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"]:not(#downloads-button){
   margin: 3px 0 !important;
   padding: 0 0px !important;
   background-clip: padding-box;
@@ -22,7 +23,7 @@
   background-color: var(--lwt-toolbar-field-background-color, hsla(0,0%,100%,.8));
 }
 
-#nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"] .toolbarbutton-icon{
+#nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"]:not(#downloads-button) .toolbarbutton-icon{
   border: none !important;
   border-radius: 0 !important;
   margin: -3px 0 !important;
@@ -33,21 +34,21 @@
 
 #back-button{ --backbutton-background: transparent }
 
-#nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"]:hover .toolbarbutton-icon{
+#nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"]:not(#downloads-button):hover .toolbarbutton-icon{
   background-color: transparent !important;
   box-shadow: none !important;
 }
 
-#nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"]:not([disabled]):hover{
+#nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"]:not(#downloads-button):not([disabled]):hover{
   background-image: linear-gradient(to bottom, var(--uc-active-color,hsla(0,0%,70%,.2)), var(--uc-active-color,hsla(0,0%,70%,.2)))
 }
 
-#urlbar-container:focus-within ~ .chromeclass-toolbar-additional[overflows="false"]{
+#urlbar-container:focus-within ~ .chromeclass-toolbar-additional[overflows="false"]:not(#downloads-button){
   border-color:Highlight !important;
 }
 
-#urlbar-container ~ .chromeclass-toolbar-additional[overflows="false"][disabled] .toolbarbutton-icon{ opacity: 0.4 !important }
-
+#urlbar-container ~ .chromeclass-toolbar-additional[overflows="false"][disabled]:not(#downloads-button) .toolbarbutton-icon{ opacity: 0.4 !important }
+/* Change this if you want some other button to be the right-most one */
 #forward-button{
   border-right-width: 1px !important;
   border-radius: 0 2px 2px 0 !important;