Notebookbar: Fix toolbar alignments on safari

Signed-off-by: Banobe Pascal <[email protected]>
Change-Id: I7059c81ff35b975176b0ee65af7e0293b4973810

Author: banobepascal

browser/css/jsdialogs.css

@@ -418,7 +418,6 @@ algned to the bottom */
 .notebookbar.ui-overflow-group:not(.ui-overflow-group-container-with-label) {
 	align-content: center;
 	height: var(--notebookbar-element-height) !important;
-	margin-bottom: 14px;
 }
 
 .ui-overflow-manager > .notebookbar.ui-iconview,
@@ -428,13 +427,17 @@ algned to the bottom */
 }
 
 .ui-overflow-manager > .notebookbar:not(.ui-separator):not(.ui-overflow-group):not(:has(.ui-overflow-group-container-with-label)) {
-	height: var(--notebookbar-element-height);
+	height: 49px;
 	/* 14px extra margin for containers without label */
 	margin-bottom: 14px;
 }
 
 .ui-overflow-manager > .notebookbar.vertical:not(.ui-separator) {
 	height: var(--notebookbar-element-height) !important;
+}
+
+.ui-overflow-group .ui-overflow-group-inner .unotoolbutton.menubutton[id^='overflow-button'] {
+	height: 49px;
 	margin-bottom: 14px !important;
 }
 

browser/css/notebookbar.css

@@ -218,6 +218,7 @@ html[data-theme='dark'] .savemodified.unotoolbutton .unobutton img {
 .root-container.notebookbar {
 	display: table-cell;
 	vertical-align: middle;
+	align-content: center;
 }
 
 #toolbar-wrapper.hasnotebookbar {
@@ -259,8 +260,7 @@ html[data-theme='dark'] .savemodified.unotoolbutton .unobutton img {
 	color: var(--color-main-text);
 }
 
-.horizontal.notebookbar:has(.unoBezier_Unfilled) {
-	height: 100%;
+.horizontal.notebookbar .ui-overflow-group #insert-illustrations-content .ui-overflow-group-content {
 	align-items: start;
 }
 
@@ -455,7 +455,7 @@ html[data-theme='dark'] .savemodified.unotoolbutton .unobutton img {
 #transitions_icons,
 #custom_animation_list,
 #effect_list {
-	height: var(--notebookbar-element-height);
+	height: 60px;
 	overflow: auto;
 	display: grid;
 	row-gap: 0;
@@ -504,9 +504,10 @@ html[data-theme='dark'] .savemodified.unotoolbutton .unobutton img {
 	border: 1px solid var(--color-stylesview-border);
 	border-top-right-radius: var(--border-radius);
 	border-bottom-right-radius: var(--border-radius);
-	height: var(--notebookbar-element-height);
+	height: 60px !important;
 	margin-inline-start: -5px;
 	box-sizing: border-box;
+	margin-bottom: 4px !important;
 }
 
 #stylesview-btn.vertical {