From 342a99f1d01edfa20d744781cbecffcd4239fa39 Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Sat, 28 Jan 2012 00:29:38 -0800
Subject: [PATCH] block level page-header h1 small for readability on 480px and
 under

---
 docs/assets/css/bootstrap-responsive.css | 4 ++++
 less/responsive.less                     | 6 ++++++
 2 files changed, 10 insertions(+)

diff --git a/docs/assets/css/bootstrap-responsive.css b/docs/assets/css/bootstrap-responsive.css
index acebb64d3b..3936d8c203 100644
--- 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 8bfe705b4d..6ba31b5c93 100644
--- 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;