From 5cd141c095492d04220b7b6811deba84e191fcac Mon Sep 17 00:00:00 2001
From: Johannes Marbach <n0-0ne+github@mailbox.org>
Date: Tue, 26 Mar 2024 13:50:12 +0100
Subject: [PATCH] Reduce whitespace on mobile viewports

Signed-off-by: Johannes Marbach <n0-0ne+github@mailbox.org>
---
 assets/scss/_styles_project.scss              | 24 ++++++++++++++++---
 .../internal/newsfragments/1770.clarification |  1 +
 2 files changed, 22 insertions(+), 3 deletions(-)
 create mode 100644 changelogs/internal/newsfragments/1770.clarification

diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
index b275db4f..9636621e 100644
--- a/assets/scss/_styles_project.scss
+++ b/assets/scss/_styles_project.scss
@@ -40,10 +40,14 @@ Custom SCSS for the Matrix spec
   .navbar-brand {
     font-size: 1.1rem;
 
+    @media (max-width: 768px) {
+      text-align: center;
+      white-space: normal;
+    }
+
     .navbar-version {
       color: $secondary;
     }
-
   }
 
   .nav-link {
@@ -172,6 +176,12 @@ footer {
 
 }
 
+.td-main main {
+  @media (max-width: 768px) {
+    padding-top: 0;
+  }
+}
+
 /* Adjust the scroll margin for everything in the main content, so that
  * it doesn't disappear behind the header bar */
 .td-content * {
@@ -471,12 +481,20 @@ of .td-content. This applies the same style to any blockquotes that descend from
 Make padding symmetrical (this selector is used in the default styles to apply padding-left: 3rem)
 */
 .pl-md-5, .px-md-5 {
-  padding-right: 3rem;
+  @media (min-width: 768px) {
+    padding-right: 3rem;
+  }
 }
 
 /* Adjust default styles for info banner */
 .pageinfo-primary {
-  max-width: 80%;
+  @media (min-width: 768px) {
+    max-width: 80%;
+  }
+  @media (max-width: 768px) {
+    margin-top: 0;
+    margin-right: 0;
+  }
   margin-left: 0;
   border: 0;
   border-left: solid 5px $secondary;
diff --git a/changelogs/internal/newsfragments/1770.clarification b/changelogs/internal/newsfragments/1770.clarification
new file mode 100644
index 00000000..e5fb516f
--- /dev/null
+++ b/changelogs/internal/newsfragments/1770.clarification
@@ -0,0 +1 @@
+Reduce whitespace on mobile viewports