From 9ea0ffd6dbfb94ec008e1a6c4d639369d2712cd1 Mon Sep 17 00:00:00 2001
From: Bill <billsonnn@live.com>
Date: Mon, 8 Aug 2022 23:54:20 -0400
Subject: [PATCH] Fix room thumbnail camera bounds

---
 src/common/index.scss | 38 +++++++++++++++++---------------------
 1 file changed, 17 insertions(+), 21 deletions(-)

diff --git a/src/common/index.scss b/src/common/index.scss
index 3a08bf3c..9b427c67 100644
--- a/src/common/index.scss
+++ b/src/common/index.scss
@@ -5,10 +5,10 @@
     background-color: $grid-bg-color;
 
     &.active {
-        border-color: $grid-active-border-color !important;
+        border-color: $grid-active-border-color  !important;
 
         &:not(.clear-bg) {
-            background-color: $grid-active-bg-color !important;
+            background-color: $grid-active-bg-color  !important;
         }
     }
 
@@ -53,7 +53,7 @@
         position: absolute;
         width: 110px;
         height: 110px;
-        margin-top: 38px;
+        margin-top: 30px;
         margin-left: 3px;
     }
 }
@@ -110,8 +110,7 @@
         .gift-incognito {
             width: 37px;
             height: 48px;
-            background: url("../assets/images/gift/incognito.png") center
-                no-repeat;
+            background: url("../assets/images/gift/incognito.png") center no-repeat;
         }
 
         .gift-avatar {
@@ -168,23 +167,27 @@
 }
 
 @-webkit-keyframes sk-bouncedelay {
+
     0%,
     80%,
     100% {
         -webkit-transform: scale(0);
     }
+
     40% {
         -webkit-transform: scale(1);
     }
 }
 
 @keyframes sk-bouncedelay {
+
     0%,
     80%,
     100% {
         -webkit-transform: scale(0);
         transform: scale(0);
     }
+
     40% {
         -webkit-transform: scale(1);
         transform: scale(1);
@@ -195,8 +198,7 @@
     position: relative;
     width: 110px;
     height: 110px;
-    background: url("../assets/images/navigator/thumbnail_placeholder.png")
-        no-repeat center;
+    background: url("../assets/images/navigator/thumbnail_placeholder.png") no-repeat center;
     background-color: rgba($black, 0.125);
 }
 
@@ -375,15 +377,13 @@
         content: "";
         width: 100%;
         height: 100%;
-        background: url("../assets/images/unique/grid-bg-glass.png") center
-            no-repeat;
+        background: url("../assets/images/unique/grid-bg-glass.png") center no-repeat;
         bottom: 0;
         z-index: 4;
     }
 
     &.sold-out:after {
-        background: url("../assets/images/unique/grid-bg-sold-out.png") center
-                no-repeat,
+        background: url("../assets/images/unique/grid-bg-sold-out.png") center no-repeat,
             url("../assets/images/unique/grid-bg-glass.png") center no-repeat;
     }
 
@@ -395,8 +395,7 @@
         bottom: 1px;
         width: 100%;
         height: 9px;
-        background: url("../assets/images/unique/grid-count-bg.png") center
-            no-repeat;
+        background: url("../assets/images/unique/grid-count-bg.png") center no-repeat;
         z-index: 3;
     }
 }
@@ -438,8 +437,7 @@
 .unique-complete-plate {
     width: 170px;
     height: 29px;
-    background: url("../assets/images/unique/catalog-info-amount-bg.png")
-        no-repeat center;
+    background: url("../assets/images/unique/catalog-info-amount-bg.png") no-repeat center;
     z-index: 1;
     padding-top: 3px;
 
@@ -535,12 +533,10 @@
         z-index: 1;
         transition: all 1s;
         border-radius: calc(#{$border-radius} / 2);
-        background: repeating-linear-gradient(
-            $tertiary,
-            $tertiary 50%,
-            $quaternary 50%,
-            $quaternary 100%
-        );
+        background: repeating-linear-gradient($tertiary,
+                $tertiary 50%,
+                $quaternary 50%,
+                $quaternary 100%);
     }
 
     .nitro-progress-bar-text {