Fix pager title margins

This commit is contained in:
swag 2023-05-27 12:51:57 -04:00
parent 3955753ea0
commit f74e57846c
4 changed files with 11 additions and 4 deletions

View File

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

View File

@ -5,6 +5,14 @@
padding: 0; 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 { .pager__nav {
display: flex; display: flex;
flex-flow: row wrap; flex-flow: row wrap;

View File

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

View File

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