[tor-commits] [atlas/master] Use the page-header class to accentuate headers

[irl at torproject.org]

commit e7da05520151ae1de960a45437ee6bd31a9d16ee
Author: cypherpunks <cypherpunks at torproject.org>
Date:   Fri May 12 14:11:19 2017 +0000

    Use the page-header class to accentuate headers
    
    The page-header class uses a bottom border which makes using horizontal
    rules obsolete.
    
    Closes #22239.
---
 index.html                    | 4 +++-
 templates/about.html          | 4 ++--
 templates/details/bridge.html | 6 +++---
 templates/details/router.html | 6 +++---
 templates/search/do.html      | 2 ++
 5 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/index.html b/index.html
index bbd70c2..6d2b684 100644
--- a/index.html
+++ b/index.html
@@ -52,8 +52,10 @@
       </div>
       <div id="content">
         <noscript>
+          <div class="page-header">
           <h1>JavaScript required</h1>
-          <p>Please enable JavaScript to use this service.</p>
+          </div>
+          <p class="lead">Please enable JavaScript to use this service.</p>
         </noscript>
       </div>
       <hr/>
diff --git a/templates/about.html b/templates/about.html
index 1cff2b4..f24c807 100644
--- a/templates/about.html
+++ b/templates/about.html
@@ -1,9 +1,9 @@
-<header id="about">
+<div class="page-header">
 <h1>Atlas</h1>
+</div>
 <p class="lead">
 Atlas is a web application to discover Tor relays. It provides useful information on how relays are configured along with graphics about their past.
 </p>
-</header>
 
 <div class="page-header">
 <h1>Features</h1>
diff --git a/templates/details/bridge.html b/templates/details/bridge.html
index a34701b..c2e5b80 100644
--- a/templates/details/bridge.html
+++ b/templates/details/bridge.html
@@ -7,8 +7,9 @@
     <% } %>
 </h1>
 
+<div class="page-header">
 <h2>General <small>Overall information on the Tor bridge</small></h2>
-<hr/>
+</div>
 
 <div class="row">
     <div class="span6">
@@ -85,9 +86,8 @@
     </div>
 </div>
 
-<div class="row">
+<div class="page-header">
 <h2>Graphs <small>Pretty graphs</small></h2>
-<hr/>
 </div>
 
 <div class="row">
diff --git a/templates/details/router.html b/templates/details/router.html
index 46f935f..7ea26bf 100644
--- a/templates/details/router.html
+++ b/templates/details/router.html
@@ -7,8 +7,9 @@
     <% } %>
 </h1>
 
+<div class="page-header">
 <h2>General <small>Overall information on the Tor relay</small></h2>
-<hr/>
+</div>
 
 <div class="row">
     <div class="span6">
@@ -139,9 +140,8 @@
     </div>
 </div>
 
-<div class="row">
+<div class="page-header">
 <h2>Graphs <small>Pretty graphs</small></h2>
-<hr/>
 </div>
 
 <div class="row">
diff --git a/templates/search/do.html b/templates/search/do.html
index 02dbe1a..a117d0e 100644
--- a/templates/search/do.html
+++ b/templates/search/do.html
@@ -49,7 +49,9 @@
     </div>
     <% } %>
 
+<div class="page-header">
 <h1 id="search-title"></h1>
+</div>
 <table class="table table-bordered table-striped" id="torstatus_results">
 	<thead>
 		<tr>