From 9d736ba16698ab96de2a3db3dbc85412952f04bc Mon Sep 17 00:00:00 2001
From: Dermot Duffy <dermot.duffy@gmail.com>
Date: Sat, 4 Sep 2021 13:34:11 -0700
Subject: [PATCH] Shrink button size slightly.

---
 src/frigate-hass-card-menu.scss | 6 +++---
 src/frigate-hass-card.scss      | 9 ++++-----
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/frigate-hass-card-menu.scss b/src/frigate-hass-card-menu.scss
index e35c5a45..0bc64c49 100644
--- a/src/frigate-hass-card-menu.scss
+++ b/src/frigate-hass-card-menu.scss
@@ -1,6 +1,6 @@
 .frigate-card-menu {
   z-index: 1;
-  height: 56px;
+  height: 46px;
   overflow: hidden;
   /* Menu div itself does not handle click events. Without this, in overlay
      mode, the menu div prevents clicking on gallery items 'behind' the overlay.
@@ -9,7 +9,7 @@
 }
 .frigate-card-menu.overlay-hidden {
   position: absolute;
-  width: 56px;
+  width: 46px;
 }
 .frigate-card-menu.overlay-hidden.left {
   left: 0px;
@@ -46,7 +46,7 @@ ha-icon-button.button {
   border-radius: 50%;
   padding: 0px;
   margin: 3px;
-
+  --mdc-icon-button-size: 40px;
   /* Buttons can always be clicked */
   pointer-events: auto;
 }
diff --git a/src/frigate-hass-card.scss b/src/frigate-hass-card.scss
index ae445225..b251d4a1 100644
--- a/src/frigate-hass-card.scss
+++ b/src/frigate-hass-card.scss
@@ -55,7 +55,6 @@ ha-card .frigate-card-image-list-folder {
   color: var(--secondary-text-color, white);
   border-color: var(--secondary-text-color, black);
   background-color: var(--primary-background-color, black);
-  --mdc-icon-size: 40px;
   padding: 10px;
 }
 
@@ -102,15 +101,15 @@ webrtc-camera ha-card {
 }
 
 .frigate-media-controls.previous {
-  left: 50px;
+  left: 45px;
 }
 .frigate-media-controls.previous:hover {
-  left: 38px;
+  left: 33px;
 }
 
 .frigate-media-controls.next {
-  right: 50px;  
+  right: 45px;  
 }
 .frigate-media-controls.next:hover {
-  right: 38px;
+  right: 33px;
 }
\ No newline at end of file