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~2914^2~1
X-Git-Url: https://git.openstreetmap.org./rails.git/commitdiff_plain/6edf2d4374357eb1e3ce9a467c431abaa8c5671f?hp=01a506a254cf53700c201d40b4287e5aae02af2c

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

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 {