Merge pull request #46 from dermotduffy/button-size

Shrink button size slightly

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;
 }

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;
 }