diff --git a/popup.html b/popup.html
index bded0f35..18096b63 100644
--- a/popup.html
+++ b/popup.html
@@ -196,7 +196,7 @@
-
+
@@ -206,9 +206,9 @@
+ >
-
diff --git a/popup/popup.css b/popup/popup.css
index 63a9be1b..8b690a32 100644
--- a/popup/popup.css
+++ b/popup/popup.css
@@ -27,8 +27,11 @@ body > div:not(#installed):not(#message-box):not(.colorpicker-popup) {
padding-right: var(--outer-padding);
}
+body:not(.blocked) .if-blocked,
+.blocked .if-not-blocked,
+.blocked #installed > :not(.frame),
.firefox .chromium-only {
- display: none;
+ display: none !important;
}
#main-actions {
@@ -439,12 +442,6 @@ a:hover .svg-icon {
fill: var(--fg);
}
-body.blocked #popup-manage-button + .split-btn-pedal,
-body.blocked #installed > :not(.frame),
-body.blocked #main-actions > :not(#disableAll-label) {
- display: none;
-}
-
/* Never shown, but can be enabled with a style */
.entry .actions > .enable,
@@ -601,9 +598,11 @@ body.blocked #main-actions > :not(#disableAll-label) {
/* action buttons */
#popup-options {
+ --btn-gap: 4px;
display: flex;
flex-direction: row;
padding: var(--outer-padding) 1px;
+ margin-right: calc(-1 * var(--btn-gap));
}
#popup-options .split-btn > :first-child {
width: calc(100% - 16px);
@@ -617,8 +616,8 @@ body.blocked #main-actions > :not(#disableAll-label) {
text-overflow: ellipsis;
padding: 2px 4px;
}
-#popup-options > :nth-last-child(n + 2) {
- margin-right: 4px;
+#popup-options > * {
+ margin-right: var(--btn-gap);
}
#popup-options > *,
#popup-options .split-btn > :first-child {
@@ -626,17 +625,6 @@ body.blocked #main-actions > :not(#disableAll-label) {
flex: 1 1 auto;
min-width: 2em;
}
-.blocked #find-split,
-.blocked #options-btn svg,
-body:not(.blocked) #popup-options a[href*="wiki"] {
- display: none;
-}
-#options-btn::after {
- content: '\A0';
-}
-.blocked #options-btn::after {
- content: attr(title);
-}
#options-btn svg {
left: 0;
right: 0;