Fixed UI for unified extensions dialog

src/browser/themes/shared/zen-icons/icons.css

@@ -1006,11 +1006,6 @@ menuitem[id="placesContext_new:separator"] {
 .unified-extensions-context-menu-move-widget-up {
 	--menu-image: url("arrow-up.svg");
 }
-.unified-extensions-item .webextension-browser-action.subviewbutton > .toolbarbutton-badge-stack > .toolbarbutton-icon
-{
-  height: 24px !important;
-  width: 24px !important;
-}
 
 :not(:not(menubar)>menu, #ContentSelectDropdown)>menupopup>menuitem:not(.menuitem-iconic, [type="checkbox"], [type="radio"], .in-menulist, .in-menulist menuitem, .unified-nav-current),
   :not(:not(menubar)>menu, #ContentSelectDropdown)>menupopup>menu:not(.menu-iconic, [type="checkbox"], [type="radio"], .in-menulist, .in-menulist menu, .unified-nav-current),

src/browser/themes/shared/zen-panel-ui.css

@@ -1,7 +1,8 @@
 
 #PanelUI-zen-profiles {
-  --menu-panel-width: 20em;
+  --menu-panel-width: 19em;
   position: relative;
+  padding-bottom: 5px;
 }
 
 #PanelUI-zen-profiles-header {
@@ -35,8 +36,9 @@
 }
 
 #PanelUI-zen-profiles-list .PanelUI-zen-profiles-item {
-  margin-top: 0;
-  margin-bottom: 0;
+  margin-bottom: 2px;
+  border-radius: 5px;
+  margin: 2px 5px;
 }
 
 #PanelUI-zen-profiles-list > toolbarseparator:first-child {

src/toolkit/themes/shared/zen-popup.css

@@ -68,7 +68,7 @@
 }
 
 .subviewbutton>.toolbarbutton-icon {
-  width: 16px !important;
+  width: 15px !important;
 }
 
 /* firefox profile avatar in appmenu */
@@ -382,3 +382,59 @@ menu, menuitem {
     background-color: var(--zen-colors-border) !important;
   }
 }
+
+/** Unified Extensions View */
+
+#unified-extensions-view {
+  --uei-icon-size: 16px !important;
+
+  .unified-extensions-item {
+    margin-block: 0 !important;
+    border-radius: var(--arrowpanel-menuitem-border-radius) !important;
+
+    > .unified-extensions-item-action-button {
+      .unified-extensions-item-message-deck {
+        /* TODO: could be interesting! */
+        /*display: none;*/
+      }
+
+      &:hover {
+        background-color: initial !important;
+      }
+    }
+
+    > .unified-extensions-item-menu-button {
+      list-style-image: url("chrome://global/skin/icons/more.svg") !important;
+      padding: 0 !important;
+
+      > .toolbarbutton-icon {
+        padding: var(--arrowpanel-menuitem-padding-block) var(--arrowpanel-menuitem-padding-inline) !important;
+        border: none !important;
+        opacity: 0;
+      }
+
+      &:hover {
+
+        > .toolbarbutton-icon {
+          background-color: initial !important;
+        }
+
+        &:active {
+          color: var(--button-primary-hover-bgcolor) !important;
+        }
+      }
+    }
+
+    &:hover {
+      background-color: var(--panel-item-hover-bgcolor);
+
+      > .unified-extensions-item-menu-button > .toolbarbutton-icon {
+        opacity: 1;
+      }
+    }
+
+    &:has(> .unified-extensions-item-action-button:not([disabled]):hover:active) {
+      background-color: var(--panel-item-active-bgcolor);
+    }
+  }
+}