Be more consistent in section styling

This commit is contained in:
arne 2025-11-18 20:10:16 +01:00
commit 973004f1dd
2 changed files with 13 additions and 13 deletions

View file

@ -88,46 +88,46 @@
max-width: 480px; max-width: 480px;
} }
.controls { section.posts .controls {
padding: 0 0 36px; padding: 0 0 36px;
} }
ul.results { section.posts ul.results {
margin: 0; margin: 0;
padding: 0; padding: 0;
list-style-type: none; list-style-type: none;
} }
ul.results li.result { section.posts ul.results li.result {
padding: 36px 0; padding: 36px 0;
border-top: 2px dotted #dccb8b; border-top: 2px dotted #dccb8b;
} }
.post .metadata { section.posts .post .metadata {
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
} }
.post .metadata .post-info { section.posts .post .metadata .post-info {
text-align: right; text-align: right;
} }
.post .metadata .mentions, section.posts .post .metadata .mentions,
.post .metadata .date { section.posts .post .metadata .date {
color: #777; color: #777;
} }
.post .content p:last-child { section.posts .post .content p:last-child {
margin-bottom: 0 margin-bottom: 0
} }
.post .controls { section.posts .post .controls {
margin: 24px 0 0; margin: 24px 0 0;
padding: 0; padding: 0;
list-style-type: none; list-style-type: none;
} }
.post .controls .control-element a { section.posts .post .controls .control-element a {
padding: 6px; padding: 6px;
margin: 0 0 6px 6px; margin: 0 0 6px 6px;
background: #f5e6ab; background: #f5e6ab;
@ -139,12 +139,12 @@
@media screen and (min-width: 640px) { @media screen and (min-width: 640px) {
.post .controls { section.posts .post .controls {
display: flex; display: flex;
justify-content: end justify-content: end
} }
.post .controls .control-element a { section.posts .post .controls .control-element a {
margin: 0 0 0 12px; margin: 0 0 0 12px;
} }
} }

View file

@ -368,7 +368,7 @@
(defn posts-section [{:keys [posts]}] (defn posts-section [{:keys [posts]}]
(let [{:keys [per-page query total displayed-posts loading]} posts] (let [{:keys [per-page query total displayed-posts loading]} posts]
[:section.favorites [:section.posts
[:h2 "Favorites"] [:h2 "Favorites"]
[:header.controls [:header.controls
[:p.display-info [:p.display-info