Made the heading of the page smaller on very small screens.

This commit is contained in:
Mark Eaton
2014-12-16 11:55:48 -05:00
parent 2a5b12b4d2
commit 14c0e3ec20
2 changed files with 12 additions and 4 deletions
+2 -4
View File
@@ -7,10 +7,8 @@
<div id="s-lib-bc"> <div id="s-lib-bc">
{{breadcrumbs}} {{breadcrumbs}}
</div> </div>
<h1 id="s-lib-public-header-title">{{title}} <h1 id="s-lib-public-header-title">{{title}}</h1>
</h1> <div id="s-lib-public-header-desc">{{system_intro}}</div>
<div id="s-lib-public-header-desc">{{system_intro}}
</div>
</div> </div>
<!-- END: Content Header --> <!-- END: Content Header -->
<!-- BEGIN: Nav Bar --> <!-- BEGIN: Nav Bar -->
+10
View File
@@ -27,6 +27,16 @@
color:white; color:white;
} }
/* makes the heading smaller on very small screens */
@media (max-width: 420px) {
h1 {
font-size: 25px;
}
#nav-title-spacer {
width: inherit;
}
}
/* Making the pills the right color */ /* Making the pills the right color */
a.label.label-info:hover { a.label.label-info:hover {