same height for buttons and icon-buttons
Massimo Melina committed
Mar 16, 2025 at 14:17 UTC
92da9216d740e194f53647e74fe07c899251a9db
1 file changed
+3
-3
frontend/src/index.scss
+3
-3
@@ -119,7 +119,7 @@ a {
119
button {
120
background-color: var(--button-bg);
121
color: var(--button-text);
122
- padding: .5em;
122
+ padding: .4em .6em;
123
display: inline-flex; align-items: center; justify-content: center; // get closer results between chrome and safari
124
&:not(.before-sliding) { min-width: min-content; }
125
&.small { padding: 0 0.4em; height: 30px; }
@@ -170,7 +170,7 @@ input, select, ul a {
170
171
.icon-button {
172
padding: .1em;
173
- font-size: 104%; height: 1.8em; // same height as text buttons (30px)
173
+ font-size: 108%; height: 1.8em; // same height as text buttons (31px)
174
width: 2em;
175
}
176
@@ -832,7 +832,7 @@ form label+input { margin-top: .2em; }
832
border: 1px solid var(--ghost-contrast)
833
}
834
}
835
- button { padding: .5em 1em; }
835
+ button { padding: .4em .8em; }
836
}
837
@media (max-width: 42em) {
838
:root { --ghost-contrast: #8883; } /* phones have different curve */