From cfd28963f0043320dc5a9790586289665658810b Mon Sep 17 00:00:00 2001
From: Peter Zimon <zimo@ghost.org>
Date: Mon, 22 Feb 2021 22:13:36 +0100
Subject: [PATCH] Updated Dashboard mobile sizes

---
 ghost/admin/app/styles/layouts/dashboard.css | 64 ++++++++++++++++++++
 1 file changed, 64 insertions(+)

diff --git a/ghost/admin/app/styles/layouts/dashboard.css b/ghost/admin/app/styles/layouts/dashboard.css
index a58033459a..0f1da11121 100644
--- a/ghost/admin/app/styles/layouts/dashboard.css
+++ b/ghost/admin/app/styles/layouts/dashboard.css
@@ -579,4 +579,68 @@
     .gh-dashboard-chart-box.small {
         width: 100%;
     }
+}
+
+@media (max-width: 680px) {
+    .gh-dashboard {
+        grid-template-columns: 1fr;
+        grid-column-gap: 0;
+    }
+
+    .gh-dashboard-area.charts {
+        grid-template-columns: 1fr;
+        grid-template-rows: auto;
+    }
+
+    .gh-dashboard-area.charts .mrr,
+    .gh-dashboard-area.charts .total-members,
+    .gh-dashboard-area.charts .paid-members,
+    .gh-dashboard-area.charts .newsletter-open-rate {
+        grid-column: unset;
+    }
+
+    .gh-dashboard-area.members-activity {
+        display: none;
+    }
+
+    .gh-dashboard-area.charts .mrr,
+    .gh-dashboard-area.charts .total-members,
+    .gh-dashboard-area.charts .paid-members,
+    .gh-dashboard-area.charts .newsletter-open-rate {
+        grid-row: unset;
+    }
+
+    .gh-dashboard-area.charts .mrr {
+        padding: 0 24px;
+    }
+
+    .gh-dashboard-area.charts .total-members,
+    .gh-dashboard-area.charts .paid-members,
+    .gh-dashboard-area.charts .newsletter-open-rate {
+        height: 55px;
+    }
+
+    .gh-dashboard-chart-box {
+        padding: 24px 0;
+    }
+
+    .gh-dashboard-summary:not(.small) {
+        flex-direction: row;
+    }
+
+    .gh-dashboard-summary .growth {
+        margin-left: 8px;
+    }
+
+    .gh-dashboard-summary.small .data-container {
+        flex-direction: row;
+    }
+
+    .gh-dashboard-summary.small .growth {
+        margin: 3px 0px 0px 8px;
+    }
+
+    .gh-dashboard-summary.small .data {
+        font-size: 2.0rem;
+    }
 }
\ No newline at end of file