From 22d5ffa155080037a32a64814002b987bddce3b4 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Sun, 13 Feb 2022 16:53:24 +0100
Subject: chore: increase toolbar buttons size

On small screen, they was too small I think. I also change some
styles like focus state to keep consistency between all elements in
toolbar. Also, I was not fan of the rotate effect.
---
 src/components/Icons/Close/Close.tsx                 | 4 ++--
 src/components/Icons/Hamburger/Hamburger.module.scss | 3 ++-
 2 files changed, 4 insertions(+), 3 deletions(-)

(limited to 'src/components/Icons')

diff --git a/src/components/Icons/Close/Close.tsx b/src/components/Icons/Close/Close.tsx
index 0e7dab7..12214de 100644
--- a/src/components/Icons/Close/Close.tsx
+++ b/src/components/Icons/Close/Close.tsx
@@ -9,11 +9,11 @@ const CloseIcon = () => {
     >
       <path
         className={styles.line}
-        d="m 3.6465459,3.6465457 c 2.8785908,-2.87859094 7.5134341,-2.87859094 10.3920251,0 L 96.353457,85.96143 c 2.878587,2.878591 2.878587,7.513434 0,10.392025 -2.878597,2.878591 -7.513432,2.878591 -10.392029,0 L 3.6465449,14.038571 C 0.76795398,11.15998 0.76795398,6.5251366 3.6465459,3.6465457 Z"
+        d="m 3.6465461,3.6465455 c 2.8785908,-2.87859092 7.5134339,-2.87859092 10.3920249,0 L 96.353457,85.96143 c 2.878587,2.878591 2.878587,7.513434 0,10.392025 -2.878597,2.878591 -7.513432,2.878591 -10.392029,0 L 3.6465451,14.038571 C 0.76795421,11.15998 0.76795421,6.5251364 3.6465461,3.6465455 Z"
       />
       <path
         className={styles.line}
-        d="m 96.353453,3.6465462 c 2.878592,2.8785909 2.878592,7.5134348 0,10.3920258 L 14.03857,96.353457 c -2.878589,2.878587 -7.5134339,2.878587 -10.3920248,0 -2.87859087,-2.878597 -2.87858988,-7.513442 -10e-7,-10.392029 L 85.961428,3.6465462 c 2.878591,-2.87859099 7.513434,-2.87859099 10.392025,0 z"
+        d="m 96.353453,3.646546 c 2.878592,2.8785909 2.878592,7.513435 0,10.392026 L 14.03857,96.353457 c -2.878589,2.878587 -7.5134337,2.878587 -10.3920246,0 -2.87859084,-2.878597 -2.87858985,-7.513442 -1e-6,-10.392029 L 85.961428,3.646546 c 2.878591,-2.87859097 7.513434,-2.87859097 10.392025,0 z"
       />
     </svg>
   );
diff --git a/src/components/Icons/Hamburger/Hamburger.module.scss b/src/components/Icons/Hamburger/Hamburger.module.scss
index f38df4e..9965c5e 100644
--- a/src/components/Icons/Hamburger/Hamburger.module.scss
+++ b/src/components/Icons/Hamburger/Hamburger.module.scss
@@ -2,6 +2,7 @@
 
 .icon {
   position: relative;
+  width: 100%;
 
   &,
   &::before,
@@ -15,7 +16,6 @@
     border: fun.convert-px(1) solid var(--color-primary-darker);
     border-radius: fun.convert-px(3);
     display: block;
-    width: var(--btn-size, fun.convert-px(50));
     height: fun.convert-px(7);
     margin: auto;
     transition: all 0.25s ease-in-out 0s, transform 0.4s ease-in 0s;
@@ -26,6 +26,7 @@
     content: "";
     position: absolute;
     left: fun.convert-px(-1);
+    right: fun.convert-px(-1);
   }
 
   &::before {
-- 
cgit v1.2.3