diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css index a387ace..b1258cc 100644 --- a/TangerineUI-cherry.css +++ b/TangerineUI-cherry.css @@ -1505,20 +1505,24 @@ body.app-body { } .app-body .poll__footer { color: var(--color-content-fg-muted); - text-align: end; - line-height: 30px; - min-height: 32px; + display: flex; + flex-flow: wrap; + gap: 5px; + align-items: center; box-sizing: border-box; + font-size: 12px; padding: 0; } .app-body .poll__link { color: var(--color-accent); text-decoration: none; - padding: 5px 8px; + box-sizing: border-box; + padding: 0 8px; border: 1px solid var(--color-accent-bg); border-radius: 8px; font-size: 12px; font-weight: 500; + height: 32px; transition: all .3s; } .app-body .poll__link:hover { @@ -1578,8 +1582,9 @@ body.app-body { outline-width: 1px !important; } .app-body .poll__footer .button.button-secondary { + box-sizing: border-box; padding: 0 16px; - margin: 0 0 0 10px; + margin: 0; height: 32px; background-color: var(--color-accent); color: var(--color-accent-fg); diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css index 386f611..3555516 100644 --- a/TangerineUI-purple.css +++ b/TangerineUI-purple.css @@ -1505,20 +1505,24 @@ body.app-body { } .app-body .poll__footer { color: var(--color-content-fg-muted); - text-align: end; - line-height: 30px; - min-height: 32px; + display: flex; + flex-flow: wrap; + gap: 5px; + align-items: center; box-sizing: border-box; + font-size: 12px; padding: 0; } .app-body .poll__link { color: var(--color-accent); text-decoration: none; - padding: 5px 8px; + box-sizing: border-box; + padding: 0 8px; border: 1px solid var(--color-accent-bg); border-radius: 8px; font-size: 12px; font-weight: 500; + height: 32px; transition: all .3s; } .app-body .poll__link:hover { @@ -1578,8 +1582,9 @@ body.app-body { outline-width: 1px !important; } .app-body .poll__footer .button.button-secondary { + box-sizing: border-box; padding: 0 16px; - margin: 0 0 0 10px; + margin: 0; height: 32px; background-color: var(--color-accent); color: var(--color-accent-fg); diff --git a/TangerineUI.css b/TangerineUI.css index 3ab5ebd..1f82825 100644 --- a/TangerineUI.css +++ b/TangerineUI.css @@ -1505,20 +1505,24 @@ body.app-body { } .app-body .poll__footer { color: var(--color-content-fg-muted); - text-align: end; - line-height: 30px; - min-height: 32px; + display: flex; + flex-flow: wrap; + gap: 5px; + align-items: center; box-sizing: border-box; + font-size: 12px; padding: 0; } .app-body .poll__link { color: var(--color-accent); text-decoration: none; - padding: 5px 8px; + box-sizing: border-box; + padding: 0 8px; border: 1px solid var(--color-accent-bg); border-radius: 8px; font-size: 12px; font-weight: 500; + height: 32px; transition: all .3s; } .app-body .poll__link:hover { @@ -1578,8 +1582,9 @@ body.app-body { outline-width: 1px !important; } .app-body .poll__footer .button.button-secondary { + box-sizing: border-box; padding: 0 16px; - margin: 0 0 0 10px; + margin: 0; height: 32px; background-color: var(--color-accent); color: var(--color-accent-fg);