From d72dec2443afc66e76f73208820db9e095a12c14 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Mon, 27 Jun 2022 13:40:14 +0200
Subject: [PATCH] Add offset on House index for large screens

---
 src/style/molecules/_house.scss | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/style/molecules/_house.scss b/src/style/molecules/_house.scss
index 38d4c75..4e8e54c 100644
--- a/src/style/molecules/_house.scss
+++ b/src/style/molecules/_house.scss
@@ -161,6 +161,7 @@
         user-select: none;
 
         @include bp (sm) {
+            --offset: 1.75vw;
             position: relative;
             grid-column: 19 / span 6;
             grid-row: 1;
@@ -168,14 +169,17 @@
             bottom: auto;
             right: auto;
             align-self: center;
-            background: none;
             text-align: left;
+            transform: translate3d(var(--offset), 0, 0);
+        }
+        @include bp (fhd) {
+            --offset: 2.5vw;
         }
 
         // Specific cases
         &.has-one-start {
             @include bp (sm) {
-                transform: translate3d(15%, 0, 0);
+                transform: translate3d(calc(15% + var(--offset)), 0, 0);
             }
         }
     }
@@ -203,12 +207,13 @@
                 @include bp (sm) {
                     grid-column-start: 1;
                     text-align: right;
+                    transform: translate3d(calc(-1 * var(--offset)), 0, 0);
                 }
 
                 // Specific cases
                 &.has-one-start {
                     @include bp (sm) {
-                        transform: translate3d(-8%, 0, 0);
+                        transform: translate3d(calc(-8% - var(--offset)), 0, 0);
                     }
                 }
             }