diff --git a/mods/side-panel/app.css b/mods/side-panel/app.css index 3bfea9e..d051444 100644 --- a/mods/side-panel/app.css +++ b/mods/side-panel/app.css @@ -89,11 +89,31 @@ text-overflow: ellipsis; } +.enhancer-panel--reload-button { + flex-grow: 0; + flex-shrink: 0; + display: flex; + align-items: center; + justify-content: center; + width: 24px; + height: 24px; + padding: 6px; + margin-right: 6px; + border-radius: 3px; + transition: background 20ms ease-in; +} +.enhancer-panel--reload-button:hover { + background: var(--theme--main) +} + .enhancer-panel--switcher-icon { + flex-grow: 0; + flex-shrink: 0; width: 12px; height: 12px; fill: var(--theme--text_ui); } +.enhancer-panel--reload-button svg, .enhancer-panel--switcher-icon svg { width: 100%; height: 100%; @@ -169,7 +189,7 @@ } .enhancer-panel--switcher { - max-width: calc(100vw - 24px); + max-width: 320px; position: relative; right: 14px; border-radius: 3px; @@ -189,7 +209,7 @@ user-select: none; cursor: pointer; overflow: hidden; - transition: background 0.4s ease; + transition: background 300ms ease; } .enhancer-panel--switcher-item:hover { background: var(--theme--interactive_hover);