diff --git a/src/css/epicker-ui.css b/src/css/epicker-ui.css index 7edbfe845..a8aa13908 100644 --- a/src/css/epicker-ui.css +++ b/src/css/epicker-ui.css @@ -1,3 +1,7 @@ +:root { + --quit-button-size: max(4em, min(6em, calc(100vw / 8), calc(100vh / 8))); +} + html#ublock0-epicker, #ublock0-epicker body { background: transparent; @@ -26,7 +30,10 @@ html#ublock0-epicker, z-index: 100; } #ublock0-epicker.zap aside { + bottom: unset !important; min-width: unset !important; + top: 50%; + transform: translateY(-50%); width: unset !important; } #ublock0-epicker.zap aside > section, @@ -35,8 +42,8 @@ html#ublock0-epicker, display: none; } #ublock0-epicker.zap aside > #windowbar > #quit { - height: 2.5em; - width: 2.5em; + width: var(--quit-button-size); + height: var(--quit-button-size); } #ublock0-epicker:not(.paused) aside, #ublock0-epicker.minimized aside {