From 3f6fd290d759a2352105dce6b80c176177974803 Mon Sep 17 00:00:00 2001
From: Andy Allan <git@gravitystorm.co.uk>
Date: Wed, 15 Jul 2020 10:47:58 +0200
Subject: [PATCH] Rework the about header size change to be based on the screen
 width, not the menu state

Also reworks to be mobile-first
---
 app/assets/stylesheets/common.scss | 8 +++++++-
 app/assets/stylesheets/small.scss  | 5 -----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 6e112691c..9ffca27e3 100644
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -2211,12 +2211,18 @@ input.richtext_title[type="text"] {
       display: block;
       color: white;
       font-weight: 300;
-      font-size: 34px;
+      font-size: 28px;
       span {
         color: $vibrant-green;
       }
     }
 
+    @include media-breakpoint-up(sm) {
+      h1 {
+        font-size: 34px;
+      }
+    }
+
     .user-image {
       position: absolute;
       top: 0px;
diff --git a/app/assets/stylesheets/small.scss b/app/assets/stylesheets/small.scss
index a67f7a536..aa2dc323c 100644
--- a/app/assets/stylesheets/small.scss
+++ b/app/assets/stylesheets/small.scss
@@ -120,11 +120,6 @@ body.small {
   #login_openid_buttons td {
     padding: 2px;
   }
-
-  &.site-about #content .attr h1 {
-    font-size: 28px;
-  }
-
 }
 
 @media (max-width: 767.98px) {
-- 
2.39.5