diff --git a/src/components/button/options/style.scss b/src/components/button/options/style.scss index 8ed665f8158ada7fca969ae050a8f9d70a1a7d16..9f38b013c5ea880a10690c6f7439170926eea67c 100644 --- a/src/components/button/options/style.scss +++ b/src/components/button/options/style.scss @@ -7,7 +7,8 @@ will-change: transform; transition: all .2s ease; - font-size: 0.6rem; + font-size: 0.6rem !important; + padding: 0.6em !important; i { font-size: 1.2rem; diff --git a/src/components/popover/style.scss b/src/components/popover/style.scss index b1f612003e23d7d3d2b3ba8fb82702958d555e88..5412fad9da7b12aa733a558f8e6334141263fafc 100644 --- a/src/components/popover/style.scss +++ b/src/components/popover/style.scss @@ -7,7 +7,7 @@ } position: absolute; - padding: 16px 16px 24px; + padding: 16px; border: 1px solid var(--fw-border-color); border-radius: var(--fw-border-radius); min-width: 246px; @@ -16,8 +16,10 @@ transition: all .2s ease; will-change: transform; + transform: translateX(var(--fw-translate-x)) translateY(var(--fw-translate-y)) scale(var(--fw-scale)); pointer-events: none; opacity: 0; + font-size: 0.875rem; --fw-scale: 0.97; &.is-open { diff --git a/src/styles/inc/style.scss b/src/styles/inc/style.scss index d46bbbf0d6f7cf4d1c9a1c4ba90fca42c2120df5..ab7a0f581acafbc01ae5e8e196adc7f3dcab870d 100644 --- a/src/styles/inc/style.scss +++ b/src/styles/inc/style.scss @@ -1,3 +1,4 @@ +.funkwhale, :root { --fw-border-radius: 8px; }