Merge pull request #2249 from hypothesis/fix-small-text

Fix display regression on help/first-run pages

h/static/styles/app.scss

@@ -13,6 +13,11 @@ body {
   @extend .noise;
   font-family: $sans-font-family;
   font-weight: 300;
+  font-size: .8em;
+  height: 100%;
+  width: 100%;
+  padding-top: 30px;
+  position: fixed;
 }
 
 #{nest("hgroup", "#{headings()}")} {
@@ -27,8 +32,12 @@ ol {
 }
 
 #wrapper {
+  height: 100%;
   padding: .72em;
   text-align: center;
+  overflow-y: auto;
+  position: relative;
+  -webkit-overflow-scrolling: touch;
 
   @include respond-to(tablets desktops) {
     padding-bottom: 4em;

h/static/styles/common.scss

@@ -18,7 +18,6 @@ $headings-color: $text-color;
 @import 'tags-input';
 @import 'topbar';
 @import 'page';
-@import 'help-page';
 
 //ELEMENT STYLES////////////////////////////////
 a {

h/static/styles/help-page.scss

+@import 'compass';
+
+@import 'reset';
+@import 'common';
 @import "./mixins/icons";
 
+body {
+  background: #fff;
+}
+
 .help-page {
   padding-top: 2.5em;
   padding-bottom: 2.5em;
   background: $body-background;
   font-family: 'Lato', sans-serif !important;
+  font-weight: 300;
 
   @include breakpoint(920px) {
     padding-right: 460px;
   }
 
   .masthead {
-    margin-bottom: 2.5em;
-    margin-left: -1em;
+    padding: 2.5em;
+    padding-top: 0;
+
+    .masthead-heading {
+      padding-top: 4px;
+      font-size: 1.1em;
+      font-weight: 400;
+      color: $gray;
+
+      &:hover {
+        color: $gray-dark;
+      }
+    }
   }
 }
 

h/static/styles/topbar.scss

 @import 'base';
 @import 'mixins/responsive';
 
-body {
-  background-color: transparent;
-  font-size: .8em;
-  height: 100%;
-  width: 100%;
-  padding-top: 30px;
-  position: fixed;
-}
-
-#wrapper {
-  height: 100%;
-  overflow-y: auto;
-  position: relative;
-  -webkit-overflow-scrolling: touch;
-}
-
 .topbar {
   background: $white;
   border: solid 1px $gray-lighter;