near/computersandblues.lodestone
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Be more consistent in section styling

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

24
public/index.html
View file

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

2
src/computersandblues/lodestone/app.cljs
View file

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