Fix pager title margins

README.md

@@ -58,7 +58,6 @@ Run the tests locally (against development environment):
 
 ## TODOs
 
-1. Create a `page-subtitle` class for `<h3>`
 1. Create mod takes null input??
 1. Check status for items not found, should be 404 but getting 5xx
 1. "All new posts flagged" mode (require approval for new posts)

assets/css/nested.css

@@ -5,6 +5,14 @@
   padding: 0;
 }
 
+.pager__title {
+  text-align: center;
+  border: inset var(--dark-warm-gray);
+  padding: 0.5em 0;
+  margin: 1em 0 0 0;
+  background-color: var(--dark-warm-gray);
+}
+
 .pager__nav {
   display: flex;
   flex-flow: row wrap;

templates/remark/create.html.ep

@@ -31,7 +31,7 @@
   <button type="submit" class="form-button">Post</button>
 </form>
 <section class="pager">
-  <h3 class="page-title">Thread</h3>
+  <h3 class="pager__title">Thread</h3>
   <article class="post">
     <h3 class="post__title">
       <span>
@@ -49,7 +49,7 @@
 </section>
 <% if (my $last_remark_id = $last_remark->{'id'}) { =%>
 <section class="pager">
-  <h3 class="page-title">Last Remark</h3>
+  <h3 class="pager__title">Last Remark</h3>
   <article class="post">
     <h4 class="post__title">
       <span>

templates/thread/by_id.html.ep

@@ -38,7 +38,7 @@
 </main>
 <% if (my $first_remark = $remarks->[0]) { =%>
 <section class="pager" id="remarks">
-  <h3 class="page-title">Remarks</h3>
+  <h3 class="pager__title">Remarks</h3>
   <% for my $remark (@{$remarks}) { =%>
   <article class="post">
     <h4 class="post__title">