impress: Align theme popup to the top of the notebookbar

- Aligns the theme popup to the top edge of the Notebookbar
- Sets the popup height to auto so all theme icons are fully visible

Signed-off-by: Banobe Pascal <banobe.pascal@collabora.com>
Change-Id: I50b51e2378e5a67543b61f6f7fcd7387def82eb6

Author: banobepascal

browser/css/notebookbar.css

@@ -474,7 +474,8 @@ label.notebookbar.ui-checkbox-label {
 /* Styles preview */
 .jsdialog #stylesview:not(.sidebar),
 .jsdialog #masterpageall_icons:not(.sidebar),
-.jsdialog #transitions_icons:not(.sidebar) {
+.jsdialog #transitions_icons:not(.sidebar),
+.jsdialog #iconview_theme_colors:not(.sidebar) {
 	height: auto !important;
 	min-height: 64px !important;
 	border: none !important;
@@ -569,14 +570,24 @@ label.notebookbar.ui-checkbox-label {
 }
 
 #masterpageall_icons-dropdown,
-#stylesview-dropdown {
+#stylesview-dropdown,
+#iconview_theme_colors-dropdown {
 	margin-top: 37px !important;
 }
 
 #transitions_icons-dropdown {
 	margin-top: 42px !important;
 }
 
+.jsdialog#iconview_theme_colors:not(.sidebar) {
+	gap: 8px !important;
+	padding: 8px 0 !important;
+}
+
+#iconview_theme_colors:not(.sidebar) .ui-iconview-entry img {
+	border: 1px solid transparent;
+}
+
 #stylesview:hover {
 	filter: none;
 }