diff --git a/assets/css/common/post-single.css b/assets/css/common/post-single.css index 47b9888c..14dc701b 100644 --- a/assets/css/common/post-single.css +++ b/assets/css/common/post-single.css @@ -296,10 +296,18 @@ margin-top: 56px; } +.post-footer>* { + margin-bottom: 10px; +} + +.post-tags { + display: flex; + flex-wrap: wrap; + gap: 10px; +} + .post-tags li { display: inline-block; - margin-inline-end: 3px; - margin-bottom: 5px; } .post-tags a, @@ -312,8 +320,7 @@ .post-tags a { display: block; - padding-inline-start: 14px; - padding-inline-end: 14px; + padding: 0 14px; color: var(--secondary); font-size: 14px; line-height: 34px; @@ -326,15 +333,16 @@ } .share-buttons { - margin: 14px 0; - padding-inline-start: var(--radius); + padding: 10px; display: flex; justify-content: center; overflow-x: auto; + gap: 10px; } +.share-buttons li, .share-buttons a { - margin-top: 10px; + display: inline-flex; } .share-buttons a:not(:last-of-type) { @@ -355,10 +363,8 @@ h6:hover .anchor { } .paginav { - margin: 10px 0; display: flex; line-height: 30px; - border-radius: var(--radius); } .paginav a { diff --git a/assets/css/core/zmedia.css b/assets/css/core/zmedia.css index 210d4863..a68fd718 100644 --- a/assets/css/core/zmedia.css +++ b/assets/css/core/zmedia.css @@ -36,6 +36,12 @@ } } +@media screen and (max-width: 340px) { + .share-buttons { + justify-content: unset; + } +} + @media (prefers-reduced-motion) { /* terms; profile-mode; post-single; post-entry; post-entry; search; search */ .terms-tags a:active, diff --git a/layouts/partials/share_icons.html b/layouts/partials/share_icons.html index 4ae18791..910ba7f1 100644 --- a/layouts/partials/share_icons.html +++ b/layouts/partials/share_icons.html @@ -13,69 +13,83 @@ {{- $ShareButtons := (.Param "ShareButtons")}} {{- with $ShareButtons }}{{ $custom = true }}{{ end }} -
+
+