Fix small screen header on interior pages

app/assets/stylesheets/common.css.scss

@@ -1,20 +1,4 @@
-/* Parameters */
-$lineheight: 20px;
-$typeheight: 14px;
-
-$offwhite: #f4f4ff;
-$blue: #7092FF;
-$lightblue: #B8C5F0;
-$green: #7ebc6f;
-$grey: #CCC;
-$red: red;
-$lightgrey: #EEE;
-$darkgrey: #AAA;
-$hovercolor: 20%;
-$headerHeight: 54px;
-$sidebarWidth: 300px;
-$keyline: 1px solid $lightgrey;
-$border-radius: 3px;
+@import "parameters";
 
 /* Styles common to large and small screens */
 

app/assets/stylesheets/parameters.scss

@@ -0,0 +1,17 @@
+/* Parameters */
+$lineheight: 20px;
+$typeheight: 14px;
+
+$offwhite: #f4f4ff;
+$blue: #7092FF;
+$lightblue: #B8C5F0;
+$green: #7ebc6f;
+$grey: #CCC;
+$red: red;
+$lightgrey: #EEE;
+$darkgrey: #AAA;
+$hovercolor: 20%;
+$headerHeight: 54px;
+$sidebarWidth: 300px;
+$keyline: 1px solid $lightgrey;
+$border-radius: 3px;

app/assets/stylesheets/small.css.scss

@@ -1,3 +1,5 @@
+@import "parameters";
+
 /* Styles specific to a small screen, such as iPhone, Android, etc... */
 
 input[type="submit"],
@@ -23,6 +25,7 @@ nav.secondary {
 
 header {
   height: auto;
+  min-height: $headerHeight;
   background: #fff;
 
   h1 {