From: Andy Allan <git@gravitystorm.co.uk>
Date: Thu, 19 Dec 2019 16:05:11 +0000 (+0100)
Subject: Minimially invasive fix for sidebar heading sizes
X-Git-Tag: live~2894^2~1
X-Git-Url: https://git.openstreetmap.org./rails.git/commitdiff_plain/6edf2d4374357eb1e3ce9a467c431abaa8c5671f?hp=-c

Minimially invasive fix for sidebar heading sizes

I'd prefer to avoid overriding the heading sizes, but this will involve
more extensive changes to the layout. For example, the h2 heading has
specific padding and margins that break when moving to h3.

Fixes #2467
---

6edf2d4374357eb1e3ce9a467c431abaa8c5671f
diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 6e73da63b..d052ce0a9 100644
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -5,11 +5,10 @@
 
 /* Minimal CSS reset */
 
-html, body, ul, ol, li, form, fieldset, legend, h1, h2, h3, h4, h5, h6, p, input {
+html, body, ul, ol, li, form, fieldset, legend, input {
   margin: 0;
   padding: 0;
   border: 0;
-  font-size:100%;
 }
 
 fieldset,img { border: 0; }
@@ -542,8 +541,6 @@ body.compact {
   #sidebar {
     float: left;
     width: $sidebarWidth;
-    background: #fff;
-    font-size: 12px;
 
     #sidebar_loader {
       display: none;
@@ -558,12 +555,13 @@ body.compact {
 
     h2 {
       padding: $lineheight $lineheight $lineheight/2;
+      font-size: 1.5rem;
     }
 
     h3, h4 {
       margin-top: $lineheight;
       margin-bottom: $lineheight/2;
-      font-size: 13px;
+      font-size: 1.25rem;
     }
 
     .close-wrap {