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

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 {