From: Andy Allan <git@gravitystorm.co.uk>
Date: Wed, 15 Jul 2020 08:47:58 +0000 (+0200)
Subject: Rework the about header size change to be based on the screen width, not the menu... 
X-Git-Tag: live~2188^2~6
X-Git-Url: https://git.openstreetmap.org/rails.git/commitdiff_plain/3f6fd290d759a2352105dce6b80c176177974803

Rework the about header size change to be based on the screen width, not the menu state

Also reworks to be mobile-first
---

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) {