update

src/main/gnome-shell/gnome-shell-dark-alt.css

@@ -3890,10 +3890,10 @@ StWidget.focused .app-well-app-running-dot {
 #dashtodockContainer .notification-badge {
   color: white;
   background-color: #0860f2;
-  box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.25);
+  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
   border-radius: 1000px;
   margin: 2px;
-  padding: 0.2em;
+  padding: 0.2em 0.6em;
   font-weight: bold;
   text-align: center;
 }

src/main/gnome-shell/gnome-shell-dark-solid-alt.css

@@ -3890,10 +3890,10 @@ StWidget.focused .app-well-app-running-dot {
 #dashtodockContainer .notification-badge {
   color: white;
   background-color: #0860f2;
-  box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.25);
+  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
   border-radius: 1000px;
   margin: 2px;
-  padding: 0.2em;
+  padding: 0.2em 0.6em;
   font-weight: bold;
   text-align: center;
 }

src/main/gnome-shell/gnome-shell-dark-solid.css

@@ -3890,10 +3890,10 @@ StWidget.focused .app-well-app-running-dot {
 #dashtodockContainer .notification-badge {
   color: white;
   background-color: #0860f2;
-  box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.25);
+  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
   border-radius: 1000px;
   margin: 2px;
-  padding: 0.2em;
+  padding: 0.2em 0.6em;
   font-weight: bold;
   text-align: center;
 }

src/main/gnome-shell/gnome-shell-dark.css

@@ -3890,10 +3890,10 @@ StWidget.focused .app-well-app-running-dot {
 #dashtodockContainer .notification-badge {
   color: white;
   background-color: #0860f2;
-  box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.25);
+  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
   border-radius: 1000px;
   margin: 2px;
-  padding: 0.2em;
+  padding: 0.2em 0.6em;
   font-weight: bold;
   text-align: center;
 }

src/main/gnome-shell/gnome-shell-light-alt.css

@@ -3890,10 +3890,10 @@ StWidget.focused .app-well-app-running-dot {
 #dashtodockContainer .notification-badge {
   color: white;
   background-color: #0860f2;
-  box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.25);
+  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
   border-radius: 1000px;
   margin: 2px;
-  padding: 0.2em;
+  padding: 0.2em 0.6em;
   font-weight: bold;
   text-align: center;
 }

src/main/gnome-shell/gnome-shell-light-solid-alt.css

@@ -3890,10 +3890,10 @@ StWidget.focused .app-well-app-running-dot {
 #dashtodockContainer .notification-badge {
   color: white;
   background-color: #0860f2;
-  box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.25);
+  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
   border-radius: 1000px;
   margin: 2px;
-  padding: 0.2em;
+  padding: 0.2em 0.6em;
   font-weight: bold;
   text-align: center;
 }

src/main/gnome-shell/gnome-shell-light-solid.css

@@ -3890,10 +3890,10 @@ StWidget.focused .app-well-app-running-dot {
 #dashtodockContainer .notification-badge {
   color: white;
   background-color: #0860f2;
-  box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.25);
+  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
   border-radius: 1000px;
   margin: 2px;
-  padding: 0.2em;
+  padding: 0.2em 0.6em;
   font-weight: bold;
   text-align: center;
 }

src/main/gnome-shell/gnome-shell-light.css

@@ -3890,10 +3890,10 @@ StWidget.focused .app-well-app-running-dot {
 #dashtodockContainer .notification-badge {
   color: white;
   background-color: #0860f2;
-  box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.25);
+  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
   border-radius: 1000px;
   margin: 2px;
-  padding: 0.2em;
+  padding: 0.2em 0.6em;
   font-weight: bold;
   text-align: center;
 }

src/other/dash-to-dock/_dash-to-dock.scss

@@ -27,10 +27,10 @@ $dash_radius: 18px;
   .notification-badge {
     color: $light_fg_color;
     background-color: $primary_color;
-    box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.25);
+    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
     border-radius: 1000px;
     margin: 2px;
-    padding: 0.2em;
+    padding: 0.2em 0.6em;
     font-weight: bold;
     text-align: center;
   }

src/other/dash-to-dock/stylesheet-dark.css

@@ -21,10 +21,10 @@
 #dashtodockContainer .notification-badge {
   color: white;
   background-color: #0860f2;
-  box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.25);
+  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
   border-radius: 1000px;
   margin: 2px;
-  padding: 0.2em;
+  padding: 0.2em 0.6em;
   font-weight: bold;
   text-align: center;
 }

src/other/dash-to-dock/stylesheet.css

@@ -21,10 +21,10 @@
 #dashtodockContainer .notification-badge {
   color: white;
   background-color: #0860f2;
-  box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.25);
+  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
   border-radius: 1000px;
   margin: 2px;
-  padding: 0.2em;
+  padding: 0.2em 0.6em;
   font-weight: bold;
   text-align: center;
 }

src/other/firefox/chrome/WhiteSur/parts/custom-icons.css

@@ -14,33 +14,6 @@
 	list-style-image: url("moz-icon://stock/go-next-symbolic?size=dialog") !important;
 }
 
-/* Reload button */
-/* Glitch - animations (may be possible to fix in about:config)
-#reload-button .toolbarbutton-icon {
-	filter: var(--gnome-icons-hack-filter);
-	list-style-image: url("moz-icon://stock/view-refresh-symbolic?size=dialog") !important;
-}*/
-/* Reload button */
-/* Glitch - animations (may be possible to fix in about:config)
-#stop-button .toolbarbutton-icon {
-	filter: var(--gnome-icons-hack-filter);
-	list-style-image: url("moz-icon://stock/process-stop-symbolic?size=dialog") !important;
-}*/
-
-/* Downloads button */
-/* Glitch - it swaps to the default one anyway
-#downloads-button {
-	filter: var(--gnome-icons-hack-filter);
-	list-style-image: url("moz-icon://stock/folder-download-symbolic?size=dialog") !important;
-} */
-
-/* Downloads button */
-/* Default is ok
-#PanelUI-menu-button {
-	filter: var(--gnome-icons-hack-filter);
-	list-style-image: url("moz-icon://stock/open-menu-symbolic?size=dialog") !important;
-} */
-
 /* Popovers subview menu arrow */
 .PanelUI-subView .subviewbutton-nav::after {
 	content: "" !important;

src/other/firefox/chrome/WhiteSur/parts/findbar.css

@@ -3,7 +3,7 @@
 @namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
 
 findbar {
-    position: relative;
+	position: relative;
 }
 
 .findbar-container {

src/other/firefox/chrome/WhiteSur/parts/headerbar-urlbar.css

@@ -79,7 +79,7 @@ toolbarspring {
 	margin-top: 6px !important;
 	margin-bottom: 2px !important;
 	padding: 8px !important;
-	background: var(--gnome-popover-background) !important;
+	background: none !important;
 	border-top: 1px solid var(--gnome-entry-border-color) !important;
 	border-radius: 0 0 5px 5px !important;
 }

src/other/firefox/chrome/WhiteSur/parts/tabsbar.css

@@ -32,6 +32,7 @@ tab > stack {
 	--toolbarbutton-active-background: transparent !important;
 	--toolbarbutton-hover-background: transparent !important;
 	padding: 0 0 !important;
+	box-shadow: inset 0 1px var(--gnome-toolbar-border-color), inset 0 1px 3px rgba(0, 0, 0, 0.08) !important;
 }
 
 /* New hover effect */
@@ -211,8 +212,11 @@ tab[selected]:-moz-window-inactive {
 	border-image: none !important;
 	margin-left: -1px !important;
 	margin-right: -1px !important;
-	box-shadow: 1px 0 var(--gnome-toolbar-border-color), -1px 0 var(--gnome-toolbar-border-color), inset 0 -1px var(--gnome-toolbar-border-color) !important;
+	box-shadow: 1px 0 var(--gnome-toolbar-border-color),
+	            -1px 0 var(--gnome-toolbar-border-color),
+	            inset 0 -1px var(--gnome-toolbar-border-color) !important;
 }
+
 .tab-background[selected=true]:-moz-window-inactive {
 	background-color: var(--gnome-inactive-tabbar-tab-active-background) !important;
 	border-image: none !important;

src/sass/gnome-shell/extensions/_dash-to-dock.scss

@@ -31,10 +31,10 @@ $dash_radius: 18px;
   .notification-badge {
     color: $light_fg_color;
     background-color: $primary_color;
-    box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.25);
+    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
     border-radius: 1000px;
     margin: 2px;
-    padding: 0.2em;
+    padding: 0.2em 0.6em;
     font-weight: bold;
     text-align: center;
   }

src/sass/gtk/_budgie.scss

@@ -26,13 +26,13 @@ $raven_padding: 8px;
 }
 
 %raven_last_button {
-  border-radius: 0 0 $raven_radius 0;
+  border-radius: 0 0 ($raven_radius - 1px) 0;
   border-right-style: none;
   border-bottom-style: none;
 }
 
 %raven_first_button {
-  border-radius: 0 0 0 $raven_radius;
+  border-radius: 0 0 0 ($raven_radius - 1px);
   border-left-style: none;
   border-bottom-style: none;
 }
@@ -59,14 +59,6 @@ $raven_padding: 8px;
   &:checked { @include button(header-checked); }
   &:disabled { @include button(header-insensitive); }
 
-  &.flat {
-    @include button(undecorated);
-    &:hover { @include button(flat-hover); }
-    &:checked { @include button(flat-checked); }
-    &:active { @include button(flat-active); }
-    &:disabled { @include button(flat-insensitive); }
-  }
-
   &.linked {
     @include button(undecorated);
     background-color: $menu_bg;
@@ -116,15 +108,24 @@ $raven_padding: 8px;
               0 0 0 1px if($variant=='light', $borders_color, rgba($dark_borders_color, 0.55)),
               inset 0 0 0 1px if($variant=='light', rgba(black, 0.0), rgba(white, 0.08));
 
-  .container { border: none; }
+  .container {
-  border { border: none; }
-  list { background-color: transparent; }
-
-  row {
     padding: 0;
+    border: none;
+  }
+
+  border { border: none; }
+
+  list {
     background-color: transparent;
 
-    &:hover { box-shadow: none; background-color: transparent; }
+    &.content-box {
+      row.activatable {
+        padding: 0;
+        background: 0;
+        border: none;
+        box-shadow: none;
+      }
+    }
   }
 
   switch { margin-left: 56px; margin-right: 6px; }
@@ -139,12 +140,15 @@ $raven_padding: 8px;
     &:disabled { color: $disabled_fg_color; }
   }
 
-  treeview.view.sidebar { //AppMenu (Elementary)
+  treeview.view.sidebar,
-    min-height: 36px;
+  scrolledwindow.sidebar { //AppMenu (Elementary)
+    // min-height: 36px;
     background: none;
     border-right: none;
     color: $fg_color;
 
+    label { padding: 3px 8px; }
+
     &:hover { background-color: rgba($fg_color, 0.05); }
 
     &:selected, &:selected:hover {
@@ -153,6 +157,12 @@ $raven_padding: 8px;
     }
   }
 
+  > frame.container > grid.horizontal > grid.horizontal {
+    > widget > grid.horizontal > stack {
+      border-top: 1px solid $borders_color;
+    }
+  }
+
   &.budgie-menu {
     .container { padding: 0; }
   }
@@ -690,7 +700,7 @@ $raven_shadow: 0 0 3px 0 rgba(black, 0.2), 0 0 8px 0 rgba(black, 0.15), 0 0 16px
       margin-top: -6px; // remove extra spaces, but not perfect :(
 
       button {
-        @extend %raven_button, .flat;
+        @extend %flat_button;
         min-height: 32px;
         min-width: 32px;
         margin: 0;
@@ -713,7 +723,7 @@ $raven_shadow: 0 0 3px 0 rgba(black, 0.2), 0 0 8px 0 rgba(black, 0.15), 0 0 16px
         padding: 2px;
         margin: 6px 0 0 0;
         background-color: rgba($fg_color, 0.05);
-        border-radius: $bt_radius;
+        border-radius: $bt_radius + 2px;
 
         > button {
           border-radius: $bt_radius;
@@ -838,9 +848,8 @@ $raven_shadow: 0 0 3px 0 rgba(black, 0.2), 0 0 8px 0 rgba(black, 0.15), 0 0 16px
         padding-top: $raven_padding;
         padding-bottom: $raven_padding;
         border-top: 1px solid $dark_borders_color;
-        @extend %raven_middle_button;
-        @include button(undecorated);
         background-color: $menu_bg;
+        @extend %raven_middle_button;
 
         &:hover {
           background-color: if($variant =='light', darken($menu_bg, 5%), lighten($menu_bg, 5%));
@@ -853,7 +862,7 @@ $raven_shadow: 0 0 3px 0 rgba(black, 0.2), 0 0 8px 0 rgba(black, 0.15), 0 0 16px
 
         &:disabled { @include button(flat-insensitive); }
 
-        &:first-child{ @extend %raven_first_button; }
+        &:first-child { @extend %raven_first_button; }
         &:last-child { @extend %raven_last_button; }
         &:only-child { @extend %raven_single_button; }
       }
@@ -1184,26 +1193,25 @@ window.budgie-switcher-window {
   .dialog-title { font-size: 120%; }
 
   buttonbox.linked.horizontal > button {
-    padding: 4px 16px;
+    padding: 8px 16px;
+    margin: 8px 3px;
     border: none;
-    border-top: 1px solid $dark_borders_color;
+    border-radius: $wm_radius - 8px;
-    border-radius: 0;
 
-    &:first-child { border-bottom-left-radius: $wm_radius; }
+    &:first-child { margin-left: 8px; }
-    &:last-child { border-bottom-right-radius: $wm_radius; }
+    &:last-child { margin-right: 8px; }
   }
 
   buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) {
+    @include button(flat-normal);
+
     &:hover {
       @include button(flat-hover);
-      border-color: $dark_borders_color;
       transition: $button_transition;
     }
 
     &:active, &:checked {
       @include button(flat-active);
-      border-color: $dark_borders_color;
-      text-shadow: $text_shadow;
     }
   }
 }

src/sass/gtk/_common.scss

@@ -400,6 +400,14 @@ $_dot_color: $selected_bg_color;
   }
 }
 
+%flat_button {
+  @include button(flat-normal);
+  &:hover { @include button(flat-hover); }
+  &:active { @include button(flat-active); }
+  &:checked { @include button(flat-checked); }
+  &:disabled { @include button(flat-insensitive); }
+}
+
 button {
   min-height: 20px;
   min-width: 16px;
@@ -411,26 +419,19 @@ button {
 
   separator { margin: 4px 1px; }
 
-  @at-root %flat_button, &.flat {
+  &.flat {
+    @extend %flat_button;
     min-height: if($variant =='light', 24px, 24px);
-    @include button(flat-normal);
-    // to avoid adiacent buttons borders clashing when transitioning, the transition on the normal state is set
-    // to none, while it's added back in the hover state, so the button decoration will fade in on hover, but
-    // it won't fade out when the pointer leave the button allocation area. To make the transition more evident
-    // in this case the duration is increased.
     transition: none;
 
     &:hover {
-      @include button(flat-hover);
       transition: $button_transition;
       transition-duration: 350ms;
 
       &:active { transition: $button_transition; }
      }
 
-    &:active, &:checked { @include button(flat-active); }
     &:checked:hover { background-image: none; }
-    &:disabled { @include button(undecorated); }
 
     &.toggle.popup {
       min-width: 20px;