From 8d6df624daa2aa97922430554da8a6681b561774 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kamil=20My=C5=9Bliwiec?= <mail@kamilmysliwiec.com>
Date: Fri, 9 Aug 2024 13:23:10 +0200
Subject: [PATCH] fix: light dark toggle icon padding

---
 .../theme-mode-toggle/theme-mode-toggle.component.html   | 6 +++---
 .../theme-mode-toggle/theme-mode-toggle.component.scss   | 9 +++++----
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/app/shared/components/theme-mode-toggle/theme-mode-toggle.component.html b/src/app/shared/components/theme-mode-toggle/theme-mode-toggle.component.html
index 5a8846243d..5c4f67ebe8 100644
--- a/src/app/shared/components/theme-mode-toggle/theme-mode-toggle.component.html
+++ b/src/app/shared/components/theme-mode-toggle/theme-mode-toggle.component.html
@@ -1,4 +1,4 @@
-<button class="theme-mode-toggle" (click)="toggleThemeMode()">
-  <span class="material-icons" *ngIf="!isDarkMode"> light_mode </span>
-  <span class="material-icons" *ngIf="isDarkMode"> dark_mode </span>
+<button class="theme-mode-toggle">
+  <span class="material-icons" *ngIf="!isDarkMode" (click)="toggleThemeMode()"> light_mode </span>
+  <span class="material-icons" *ngIf="isDarkMode" (click)="toggleThemeMode()"> dark_mode </span>
 </button>
diff --git a/src/app/shared/components/theme-mode-toggle/theme-mode-toggle.component.scss b/src/app/shared/components/theme-mode-toggle/theme-mode-toggle.component.scss
index bf6d02ed2c..3fdb2704c8 100644
--- a/src/app/shared/components/theme-mode-toggle/theme-mode-toggle.component.scss
+++ b/src/app/shared/components/theme-mode-toggle/theme-mode-toggle.component.scss
@@ -23,16 +23,13 @@
   align-items: center;
   justify-content: center;
   margin-left: 15px;
-  cursor: pointer;
   color: #fff;
   padding-left: 15px;
   position: relative;
-  &:hover {
-    color: var(--primary);
-  }
 
   .material-icons {
     font-size: 20px;
+    cursor: pointer;
 
     &::before {
       content: '';
@@ -44,5 +41,9 @@
       bottom: 0;
       width: 2px;
     }
+
+    &:hover {
+      color: var(--primary);
+    }  
   }
 }