From 084b38bee8b69634da466cce2dd42afffb334d36 Mon Sep 17 00:00:00 2001
From: kudlajz <kudlajzzz@gmail.com>
Date: Mon, 19 Feb 2024 17:46:09 +0100
Subject: [PATCH 1/2] Make expanded media gallery 1120px wide

---
 modules/Gallery/Gallery.module.scss | 23 ++++++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/modules/Gallery/Gallery.module.scss b/modules/Gallery/Gallery.module.scss
index 4c5fc568a..7781a622d 100644
--- a/modules/Gallery/Gallery.module.scss
+++ b/modules/Gallery/Gallery.module.scss
@@ -3,15 +3,36 @@
 
     // TODO: This doesn't look too good.
     max-width: 720px;
-    margin: $spacing-9 auto;
+    margin: 0 auto;
 
     @include mobile-only {
         margin: $spacing-4 auto;
     }
+
+    :global {
+        .prezly-slate-gallery.prezly-slate-gallery--expanded {
+            @media (min-width: 992px) {
+                position: relative;
+                width: 100vw;
+                left: 50%;
+                right: 50%;
+                margin-left: -50vw;
+                margin-right: -50vw;
+            }
+
+            @media (min-width: 1120px) {
+                position: static;
+                max-width: 1120px;
+                margin-left: -200px;
+            }
+        }
+    }
 }
 
 .title {
     @include heading-1;
+
+    margin-top: 0;
 }
 
 .description {

From 68c860cdf2b489c433edbddd2d02a9d943a8c8fb Mon Sep 17 00:00:00 2001
From: kudlajz <kudlajzzz@gmail.com>
Date: Mon, 19 Feb 2024 17:52:09 +0100
Subject: [PATCH 2/2] Make linter happy

---
 modules/Gallery/Gallery.module.scss | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/modules/Gallery/Gallery.module.scss b/modules/Gallery/Gallery.module.scss
index 7781a622d..c098eaa34 100644
--- a/modules/Gallery/Gallery.module.scss
+++ b/modules/Gallery/Gallery.module.scss
@@ -10,8 +10,9 @@
     }
 
     :global {
+        /* stylelint-disable selector-class-pattern, max-nesting-depth */
         .prezly-slate-gallery.prezly-slate-gallery--expanded {
-            @media (min-width: 992px) {
+            @media (width >= 992px) {
                 position: relative;
                 width: 100vw;
                 left: 50%;
@@ -20,12 +21,13 @@
                 margin-right: -50vw;
             }
 
-            @media (min-width: 1120px) {
+            @media (width >= 1120px) {
                 position: static;
                 max-width: 1120px;
                 margin-left: -200px;
             }
         }
+        /* stylelint-enable selector-class-pattern, max-nesting-depth */
     }
 }