block level page-header h1 small for readability on 480px and under

diff --git a/docs/assets/css/bootstrap-responsive.css b/docs/assets/css/bootstrap-responsive.css
index acebb64d3b00e926b5b4cc24006df54184c26c36..3936d8c2037c759f107f47554a886da5f8912880 100644 (file)
--- a/docs/assets/css/bootstrap-responsive.css
+++ b/docs/assets/css/bootstrap-responsive.css
@@ -3,6 +3,10 @@
   visibility: hidden;
 }
 @media (max-width: 480px) {
+  .page-header h1 small {
+    display: block;
+    line-height: 18px;
+  }
   .form-horizontal .control-group > label {
     float: none;
     width: auto;

diff --git a/less/responsive.less b/less/responsive.less
index 8bfe705b4d4aea37de95d8157fe1c4fe8663ec3f..6ba31b5c93101b8c49591a6e03a1cffaf07ce215 100644 (file)
--- a/less/responsive.less
+++ b/less/responsive.less
@@ -27,6 +27,12 @@
 
 @media (max-width: 480px) {
 
+  // Block level the page header small tag for readability
+  .page-header h1 small {
+    display: block;
+    line-height: @baseLineHeight;
+  }
+
   // Remove the horizontal form styles
   .form-horizontal .control-group > label {
     float: none;