Fix pager title margins
This commit is contained in:
parent
3955753ea0
commit
f74e57846c
|
@ -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)
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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">
|
||||||
|
|
Loading…
Reference in New Issue
Block a user