fix: fix message bar close button styles

Author: rafaelmardojai

theme/parts/buttons-fixes.css

@@ -1,6 +1,11 @@
 /* Buttons Issues/Glitches fixes */
 @namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
 
+/* moz.button size */
+moz-button {
+	--button-size-icon-small: var(--gnome-button-size) !important;
+}
+
 /* Menulist */
 link[href="chrome://global/skin/menulist.css"] ~ dropmarker {
 	align-items: center !important;

theme/parts/buttons.css

@@ -174,7 +174,6 @@ button.popup-notification-primary-button:not(#hack),
 
 /* Buttons with margins */
 #nav-bar toolbarbutton:not(#urlbar-zoom-button, #urlbar-searchmode-switcher):not(.subviewbutton):not(.titlebar-button),
-.notification-button,
 .subviewbutton.panel-subview-footer:not(:only-of-type),
 .panel-footer button:not(:only-of-type):not(:last-child) {
 	margin: 0 calc(var(--gnome-toolbar-spacing) / 2) !important;

theme/parts/icons.css

@@ -296,6 +296,9 @@ button.close::before {
 			fill: rgb(46, 52, 54) !important;
 		}
 	}
+	moz-button.close {
+		--message-bar-icon-close-url: var(--gnome-icon-window-close-symbolic) !important;
+	}
 
 	/* Window buttons */
 	:root[customtitlebar] .titlebar-buttonbox .titlebar-close .toolbarbutton-icon {

theme/parts/toolbox.css

@@ -102,9 +102,14 @@ findbar:-moz-window-inactive description,
 }
 link[href="chrome://global/content/elements/moz-message-bar.css"] ~ .container {
 	background: none !important;
-	box-shadow: none !important;
-	padding: var(--gnome-toolbar-padding) !important;
 	border-radius: 0 !important;
+	box-shadow: none !important;
+	gap: var(--gnome-toolbar-spacing) !important;	
+	padding: var(--gnome-toolbar-padding) !important;	
+	
+	.close {
+		margin: 0 !important;
+	}
 
 	.icon {
 		color: var(--gnome-window-color);
@@ -115,6 +120,7 @@ link[href="chrome://global/content/elements/moz-message-bar.css"] ~ .container {
 
 	.text-container {
 		flex: auto;
+		padding-block: 0 !important;
 	}
 
 	.text-content {