From caea9ec6564971be31c0afd666a017eab34bb564 Mon Sep 17 00:00:00 2001
From: Sanne de Vries <sannedv@protonmail.com>
Date: Tue, 26 Oct 2021 11:52:13 +0200
Subject: [PATCH] Updated design settings page

- Decreased sidenav width
- Improved responsive theme grid layout
---
 ghost/admin/app/styles/layouts/settings.css | 27 ++++++++++++++++++++-
 1 file changed, 26 insertions(+), 1 deletion(-)

diff --git a/ghost/admin/app/styles/layouts/settings.css b/ghost/admin/app/styles/layouts/settings.css
index e54f121bbe..05e2ec1538 100644
--- a/ghost/admin/app/styles/layouts/settings.css
+++ b/ghost/admin/app/styles/layouts/settings.css
@@ -1373,7 +1373,7 @@ p.theme-validation-details {
 /* ---------------------------------------------------- */
 
 .gh-nav-contextual {
-    flex: 0 0 420px;
+    flex: 0 0 360px;
 }
 
 .gh-nav-header {
@@ -1748,6 +1748,31 @@ p.theme-validation-details {
     margin: 0 0 24px;
 }
 
+@media (max-width: 1120px) {
+    .theme-directory-labs {
+        grid-template-columns: 1fr 1fr;
+    }
+}
+
+@media (min-width: 800px) and (max-width: 890px) {
+    .theme-directory-labs {
+        grid-template-columns: 1fr;
+    }
+}
+
+@media (max-width: 800px) {
+    .theme-directory-labs {
+        grid-column-gap: 32px;
+        grid-row-gap: 48px;
+    }
+}
+
+@media (max-width: 430px) {
+    .theme-directory-labs {
+        grid-template-columns: 1fr;
+    }
+}
+
 .gh-theme-browser {
     position: relative;
     width: 100%;