From eedae13ae043721185ee882a54ce50e21827f588 Mon Sep 17 00:00:00 2001
From: Julien Calixte <juliencalixte@gmail.com>
Date: Sat, 4 Jul 2020 23:07:49 +0200
Subject: [PATCH] :lipstick: (interval) bigger font size for interval's buttons

---
 src/components/IntervalInput.vue | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/components/IntervalInput.vue b/src/components/IntervalInput.vue
index 8293194..1e2be53 100644
--- a/src/components/IntervalInput.vue
+++ b/src/components/IntervalInput.vue
@@ -41,13 +41,24 @@ export default defineComponent({
 </script>
 
 <style lang="scss" scoped>
+$button-size: 50px;
+
 .interval-input {
   margin: 0 auto;
   max-width: 50vh;
   display: flex;
   justify-content: center;
   align-items: center;
-  gap: 1rem;
   flex-wrap: wrap;
+
+  button {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin: 0 1rem;
+    font-size: 2rem;
+    width: $button-size;
+    height: $button-size;
+  }
 }
 </style>