diff --git a/public/index.html b/public/index.html index 05547f8..6b65e05 100644 --- a/public/index.html +++ b/public/index.html @@ -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; } } diff --git a/src/computersandblues/lodestone/app.cljs b/src/computersandblues/lodestone/app.cljs index 823ddb6..3cc4915 100644 --- a/src/computersandblues/lodestone/app.cljs +++ b/src/computersandblues/lodestone/app.cljs @@ -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