From 456d4f4ae8c2ac772be0b242eb0da985bb6fe730 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Thu, 4 May 2023 10:28:34 +0800
Subject: [PATCH] There are lists?

Somehow Mastodon allows additional HTML from another Fediverse instance called Bovine
---
 src/app.css               | 10 +++++-----
 src/components/status.css |  6 ++++++
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/app.css b/src/app.css
index 002f5d1b..923e62dc 100644
--- a/src/app.css
+++ b/src/app.css
@@ -709,7 +709,7 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
   color: var(--carousel-color);
   text-shadow: 0 1px var(--bg-color);
 }
-.status-carousel ul {
+.status-carousel > ul {
   display: flex;
   overflow-x: auto;
   overflow-y: hidden;
@@ -721,7 +721,7 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
   align-items: flex-start;
   counter-reset: index;
 }
-.status-carousel ul > li {
+.status-carousel > ul > li {
   scroll-snap-align: center;
   scroll-snap-stop: always;
   flex-shrink: 0;
@@ -736,11 +736,11 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
   counter-increment: index;
   position: relative;
 }
-.status-carousel ul > li:is(:empty, :has(> a:empty)) {
+.status-carousel > ul > li:is(:empty, :has(> a:empty)) {
   display: none;
 }
 @media (hover: hover) or (pointer: fine) or (min-width: 40em) {
-  .status-carousel ul {
+  .status-carousel > ul {
     scroll-snap-type: none;
   }
 }
@@ -762,7 +762,7 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
 .status-carousel.boosts-carousel .status-reblog {
   background-image: none;
 }
-.status-carousel.boosts-carousel ul > li:before {
+.status-carousel.boosts-carousel > ul > li:before {
   content: counter(index);
   position: absolute;
   left: 0;
diff --git a/src/components/status.css b/src/components/status.css
index f9015b2b..405d838e 100644
--- a/src/components/status.css
+++ b/src/components/status.css
@@ -514,6 +514,12 @@
   padding: 0 0 0 8px;
   border-left: 4px solid var(--link-faded-color);
 }
+.status .content > ul,
+.status .content > div > ul {
+  margin-block: min(0.75em, 12px);
+  margin-inline: 0;
+  padding-inline-start: 1em;
+}
 .status .content .invisible {
   display: none;
 }