From 74cc21b8bf1bc5e1c372af30cd1138db27a39896 Mon Sep 17 00:00:00 2001
From: Dermot Duffy <dermot.duffy@gmail.com>
Date: Thu, 25 Nov 2021 20:48:58 -0800
Subject: [PATCH] Minor style changes.

---
 src/components/gallery.ts        | 2 +-
 src/scss/gallery.scss            | 2 +-
 src/scss/thumbnail-carousel.scss | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/gallery.ts b/src/components/gallery.ts
index a1f60247..214f821b 100644
--- a/src/components/gallery.ts
+++ b/src/components/gallery.ts
@@ -131,7 +131,7 @@ export class FrigateCardGalleryCore extends LitElement {
   protected _resizeHandler(): void {
     this._columns = Math.max(
       DEFAULT_COLUMNS,
-      Math.floor(this.clientWidth / MAX_THUMBNAIL_WIDTH),
+      Math.ceil(this.clientWidth / MAX_THUMBNAIL_WIDTH),
     );
   }
 
diff --git a/src/scss/gallery.scss b/src/scss/gallery.scss
index 030cc60c..f36cb780 100644
--- a/src/scss/gallery.scss
+++ b/src/scss/gallery.scss
@@ -23,7 +23,7 @@
 }
 
 .frigate-card-gallery .mdc-image-list__image {
-  transition: transform 0.3s ease;
+  transition: transform 0.3s linear;
 }
 .frigate-card-gallery .mdc-image-list__image:hover {
   transform: scale(1.05);
diff --git a/src/scss/thumbnail-carousel.scss b/src/scss/thumbnail-carousel.scss
index 3293f6d9..f9e0f044 100644
--- a/src/scss/thumbnail-carousel.scss
+++ b/src/scss/thumbnail-carousel.scss
@@ -6,7 +6,7 @@
 .embla__slide {
   flex: 0 0 var(--frigate-card-carousel-thumbnail-size);
   opacity: var(--frigate-card-carousel-thumbnail-opacity);
-  transition: opacity 0.6s ease, transform 0.3s ease;
+  transition: opacity 0.6s ease, transform 0.3s linear;
 }
 .embla__slide.slide-selected {
   opacity: 1.0;