From 3f013bd38b04b8878f693b672e5e9d660ff3ea75 Mon Sep 17 00:00:00 2001
From: Kalle <38327916+Sendouc@users.noreply.github.com>
Date: Tue, 6 Dec 2022 14:59:15 +0200
Subject: [PATCH] Fix front page horizontal overflow

Closes #1183
---
 app/styles/front.css  | 3 +--
 app/styles/layout.css | 2 +-
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/app/styles/front.css b/app/styles/front.css
index 135e90649..f813965a5 100644
--- a/app/styles/front.css
+++ b/app/styles/front.css
@@ -63,7 +63,6 @@
   display: grid;
   grid-template-columns: 1fr 1fr;
   margin-block-start: var(--s-8);
-  margin-inline-end: -30px;
 }
 
 .front__drawing-img {
@@ -92,13 +91,13 @@
   z-index: 10;
   grid-column: 1 / 2;
   grid-row: 1;
-  justify-self: flex-end;
 }
 
 .front__drawings__girl {
   z-index: 10;
   grid-column: 2 / 3;
   grid-row: 1;
+  justify-self: flex-end;
 }
 
 .front__drawings__girl.bg {
diff --git a/app/styles/layout.css b/app/styles/layout.css
index cd6a5c043..8d9f59f1c 100644
--- a/app/styles/layout.css
+++ b/app/styles/layout.css
@@ -258,8 +258,8 @@
 
 @media screen and (display-mode: standalone) {
   .layout__header {
-    padding-top: env(safe-area-inset-top);
     align-items: flex-end;
+    padding-top: env(safe-area-inset-top);
   }
 
   .layout__main {