From 1b9c7eedbe3a46a570216ece391363694161036c Mon Sep 17 00:00:00 2001
From: David LJ <mail@davidlj95.com>
Date: Thu, 28 Sep 2023 05:40:35 +0200
Subject: [PATCH] feat(header): increase header button size (#34)

---
 src/app/header/header.component.scss | 5 +++++
 src/sass/_header.scss                | 3 ++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/app/header/header.component.scss b/src/app/header/header.component.scss
index 86a0c4ca..2cd00b84 100644
--- a/src/app/header/header.component.scss
+++ b/src/app/header/header.component.scss
@@ -25,6 +25,11 @@
         background: transparent;
         font-size: header.$icons-height;
       }
+
+      .material-symbols-outlined {
+        font-size: 1em;
+        font-variation-settings: "FILL" 0, "wght" 200, "GRAD" 0, "opsz" header.$icons-height-pixels;
+      }
     }
   }
 }
diff --git a/src/sass/_header.scss b/src/sass/_header.scss
index ca1b4c60..0c86b46e 100644
--- a/src/sass/_header.scss
+++ b/src/sass/_header.scss
@@ -2,7 +2,8 @@
 @use "borders";
 
 $vertical-padding: paddings.$xs;
-$icons-height: 24px;
+$icons-height-pixels: 32;
+$icons-height: #{$icons-height-pixels}px;
 $vertical-padding-height: calc(2*$vertical-padding);
 $border-height: borders.$panel-width;