Increase notification center icon hitbox (#2724)

* Increase notification center icon hitbox * update shorthand property
UnchartedBull · Mar 2, 2022 · 2cd3974 · 2cd3974
1 parent 86d1edb
commit 2cd3974
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 0 deletions.
diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -24,6 +24,7 @@
   </div>
 
   <fa-icon
+    class="show-notification-center__button"
     *ngIf="initialized && showNotificationCenterIcon()"
     [icon]="['fas', 'caret-down']"
     (click)="showNotificationCenter()"

diff --git a/src/app/app.component.scss b/src/app/app.component.scss
@@ -15,3 +15,7 @@ fa-icon {
 .animateNotificationCenter {
   transition: top 0.3s ease-in-out;
 }
+
+.show-notification-center__button {
+  padding: 0 2vw 2.5vh;
+}
diff --git a/src/app/notification-center/notification-center.component.scss b/src/app/notification-center/notification-center.component.scss
@@ -19,6 +19,7 @@
   bottom: -8px;
   left: calc(50% - 10px);
   opacity: 0.4;
+  padding: 2.5vh 2vw 0;
 }
 
 .right-pane,