fix: make buttons scalable with font

lnco-epfl · Feb 5, 2025 · ffa5f34 · ffa5f34
1 parent 83a5583
commit ffa5f34
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/styles/main.scss b/src/styles/main.scss
@@ -274,16 +274,16 @@ button:hover {
   line-height: calc(var(--font-scale) * 40px);
   font-weight: bold;
   color: var(--color);
-  width: 120px;
+  width: calc(var(--font-scale) * 120px);
 }
 
 .task-text button {
   border: 3px var(--color) solid;
   background-color: var(--background);
   font-size: calc(var(--font-scale) * 30px);
   color: var(--color);
-  width: 100px;
-  height: 50px;
+  width: calc(var(--font-scale) * 100px);
+  height: calc(var(--font-scale) * 50px);
 }
 .custom-overlay {
   position: fixed;