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 6e73da63b31d0df9b7e7b6e18b0bee2d51948767..d052ce0a9fdbfb4f38f9d879076fdfbfc1750719 100644 (file)
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -5,11 +5,10 @@
 
 /* Minimal CSS reset */
 
 
 /* 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;
   margin: 0;
   padding: 0;
   border: 0;

-  font-size:100%;

 }
 
 fieldset,img { border: 0; }
 }
 
 fieldset,img { border: 0; }


@@ -542,8 +541,6 @@ body.compact {
   #sidebar {
     float: left;
     width: $sidebarWidth;
   #sidebar {
     float: left;
     width: $sidebarWidth;

-    background: #fff;
-    font-size: 12px;

 
     #sidebar_loader {
       display: none;
 
     #sidebar_loader {
       display: none;


@@ -558,12 +555,13 @@ body.compact {
 
     h2 {
       padding: $lineheight $lineheight $lineheight/2;
 
     h2 {
       padding: $lineheight $lineheight $lineheight/2;

+      font-size: 1.5rem;

     }
 
     h3, h4 {
       margin-top: $lineheight;
       margin-bottom: $lineheight/2;
     }
 
     h3, h4 {
       margin-top: $lineheight;
       margin-bottom: $lineheight/2;

-      font-size: 13px;
+      font-size: 1.25rem;

     }
 
     .close-wrap {
     }
 
     .close-wrap {