From 99c8882ef4ea9719406fa23a3a8e4411b23c3b6f Mon Sep 17 00:00:00 2001
From: Rostyslav <rostyslav.nahornyi@zade.agency>
Date: Mon, 25 Sep 2023 13:28:07 +0300
Subject: [PATCH 1/2] fix: styles for sceneCard

---
 .../components/SceneCard/SceneCard.component.jsx         | 9 ++++++++-
 .../components/SceneCard/SceneCard.module.scss           | 8 ++++----
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/components/components/SceneCard/SceneCard.component.jsx b/src/components/components/SceneCard/SceneCard.component.jsx
index ac63a973..51da050a 100644
--- a/src/components/components/SceneCard/SceneCard.component.jsx
+++ b/src/components/components/SceneCard/SceneCard.component.jsx
@@ -22,7 +22,14 @@ const SceneCard = ({ scenesData, handleSceneClick }) => (
         onClick={() => handleSceneClick(scene)}
         title={scene.data().title}
       >
-        <img src={ScenePlaceholder} alt="scene" className={styles.img} />
+        <div
+          className={styles.img}
+          style={{
+            backgroundImage: `url(${ScenePlaceholder})`,
+            backgroundSize: 'cover',
+            backgroundPosition: 'center'
+          }}
+        />
         <p className={styles.title}>{scene.data().title}</p>
         <p className={styles.date}>
           <LastModified timestamp={scene.data().updateTimestamp} />
diff --git a/src/components/components/SceneCard/SceneCard.module.scss b/src/components/components/SceneCard/SceneCard.module.scss
index 643f1c9a..f0181307 100644
--- a/src/components/components/SceneCard/SceneCard.module.scss
+++ b/src/components/components/SceneCard/SceneCard.module.scss
@@ -8,16 +8,16 @@
   .img {
     margin-bottom: 6px;
     object-fit: cover;
-    width: 246px;
-    height: 144px;
+    width: 272px;
+    height: 204px;
   }
 
   .card {
     border-radius: 4px;
     border: 1px solid rgba(237, 235, 239, 0.2);
     padding: 8px 8px 12px 8px;
-    width: 246px;
-    height: 187px;
+    width: 272px;
+    height: 275px;
     position: relative;
     cursor: pointer;
 

From ff8de2d6338b2b445914a418769d86bce88c8f69 Mon Sep 17 00:00:00 2001
From: Kieran Farr <kieran.farr@gmail.com>
Date: Mon, 25 Sep 2023 21:56:14 -0700
Subject: [PATCH 2/2] minor tweaks to card and modal sizing

---
 src/components/components/SceneCard/SceneCard.module.scss | 2 +-
 src/components/modals/ScenesModal/ScenesModal.module.scss | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/components/SceneCard/SceneCard.module.scss b/src/components/components/SceneCard/SceneCard.module.scss
index f0181307..e2f2ff13 100644
--- a/src/components/components/SceneCard/SceneCard.module.scss
+++ b/src/components/components/SceneCard/SceneCard.module.scss
@@ -17,7 +17,7 @@
     border: 1px solid rgba(237, 235, 239, 0.2);
     padding: 8px 8px 12px 8px;
     width: 272px;
-    height: 275px;
+    height: 250px;
     position: relative;
     cursor: pointer;
 
diff --git a/src/components/modals/ScenesModal/ScenesModal.module.scss b/src/components/modals/ScenesModal/ScenesModal.module.scss
index 5a73c654..d7aee012 100644
--- a/src/components/modals/ScenesModal/ScenesModal.module.scss
+++ b/src/components/modals/ScenesModal/ScenesModal.module.scss
@@ -1,6 +1,6 @@
 .modalWrapper {
   position: relative;
-  width: 80vw;
+  width: 90vw;
   margin: auto auto;
   height: 100%;