diff --git a/theme/parts/buttons-fixes.css b/theme/parts/buttons-fixes.css index 17c8eec..6bc0d3d 100644 --- a/theme/parts/buttons-fixes.css +++ b/theme/parts/buttons-fixes.css @@ -111,7 +111,7 @@ #tracking-protection-preferences-button > .toolbarbutton-text { padding-inline-end: 0 !important; } -.protections-popup-settings-label { +.protections-popup-footer-button-label { margin-inline-start: 3px !important; } diff --git a/theme/parts/buttons.css b/theme/parts/buttons.css index c059210..a094278 100644 --- a/theme/parts/buttons.css +++ b/theme/parts/buttons.css @@ -30,7 +30,7 @@ .menulist-label-box, .expander-down, .expander-up, .notification-button, -#protections-popup-settings-button { +.protections-popup-footer-button { -moz-appearance: none !important; background: var(--gnome-button-background) !important; box-shadow: var(--gnome-button-box-shadow) !important; @@ -63,7 +63,7 @@ #tracking-protection-preferences-button:not(#hack), .findbar-container toolbarbutton.findbar-button, .notification-button, -#protections-popup-settings-button { +.protections-popup-footer-button { padding: 2px 16px !important; text-align: center !important; } @@ -112,7 +112,7 @@ menulist:hover .menulist-label-box, .expander-down:hover, .expander-up:hover, .notification-button:hover, -#protections-popup-settings-button:hover { +.protections-popup-footer-button:hover { outline: 0 !important; background: var(--gnome-button-hover-background) !important; } @@ -140,7 +140,7 @@ menulist:hover .menulist-label-box, menulist[open] .menulist-label-box, .expander-down:active, .expander-up:active, .notification-button:active, -#protections-popup-settings-button:active { +.protections-popup-footer-button:not(#hack):active { background: var(--gnome-button-active-background) !important; box-shadow: var(--gnome-button-active-box-shadow) !important; border-color: var(--gnome-button-active-border-color) !important; @@ -182,7 +182,8 @@ menulist[open] .menulist-label-box, /* Flat buttons */ .subviewbutton-back:not(#hack), .close-icon:not(.tab-close-button), -#TabsToolbar .toolbarbutton-1 { +#TabsToolbar .toolbarbutton-1, +#protections-popup-show-report-button { background: transparent !important; box-shadow: none !important; border-color: transparent !important; @@ -190,7 +191,8 @@ menulist[open] .menulist-label-box, } .subviewbutton-back:not(#hack):not(:active):hover, .close-icon:not(.tab-close-button):not(:active):hover, -#TabsToolbar .toolbarbutton-1:not(:active):not([open]):hover { +#TabsToolbar .toolbarbutton-1:not(:active):not([open]):hover, +#protections-popup-show-report-button:not(:active):hover { box-shadow: var(--gnome-button-box-shadow) !important; border-color: var(--gnome-button-border-color) !important; border-bottom-color: var(--gnome-button-border-accent-color) !important; diff --git a/theme/parts/popups-contents.css b/theme/parts/popups-contents.css index 7a05bbd..ea31207 100644 --- a/theme/parts/popups-contents.css +++ b/theme/parts/popups-contents.css @@ -156,11 +156,24 @@ panelview vbox.panel-subview-body > toolbarbutton label, #appMenu-protection-rep } #protections-popup-content, -#protections-popup-settings-section, #protections-popup-footer { padding: 0 !important; } +#protections-popup-footer { + display: flex; + justify-content: flex-end; + flex-wrap: wrap; + margin-top: 10px; +} +#protections-popup-show-report-stack { + width: 100% !important; + display: flex; + justify-content: space-between; + align-items: center; + margin-top: 6px; +} + #protections-popup-show-full-report-link { margin-right: 16px !important; } @@ -209,5 +222,3 @@ panelview vbox.panel-subview-body > toolbarbutton label, #appMenu-protection-rep border-color: var(--gnome-switch-active-slider-border-color) !important; left: 24px; } - - diff --git a/theme/parts/popups.css b/theme/parts/popups.css index c116e98..1e83eea 100644 --- a/theme/parts/popups.css +++ b/theme/parts/popups.css @@ -53,7 +53,7 @@ panel:not(.tooltip-xul-wrapper) .panel-arrowcontent { stroke: var(--gnome-popover-border-color) !important; } -.panel-footer, #protections-popup-settings-section { +.panel-footer { background-color: transparent !important; display: flex; justify-content: flex-end;