fixes for 4.2.0

mastodon/mastodon4.user.css

@@ -1,7 +1,7 @@
 /* ==UserStyle==
 @name           mastodon 4 ui tweaks
 @namespace      mastodon4
-@version        1.0.4
+@version        1.0.5
 @description    fixes the weird spacing on the new mastodon web ui. intended for the advanced user interface, may also work with the single column one.
 @author         xenua
 @license        CNPLv7+
@@ -26,6 +26,53 @@
     }
     .status > .media-gallery, .detailed-status > .media-gallery {
         padding: 0 !important;
+        margin-left: 4px;
+        margin-right: 4px;
+        width: calc(100% - 8px);
+    }
+    .status--in-thread > .status__line {
+        inset-inline-start: 4px;
+        height: 100%;
+    }
+    .status--in-thread > .status__line::before {
+        display: none;
+    }
+    .status__line--first {
+        top: 0;
+    }
+    .status__line {
+        border-inline-start: 2px solid #565e76;
+        padding: 0
+    }
+    .status--in-thread > .status__content {
+        padding: 0;
+        margin-inline-start: 16px;
+    }
+    .status--in-thread > .status-card {
+        margin-inline-start: 0;
+        width: calc(100% - 24px);
+        margin: 12px 12px 0 12px;
+        margin-top: 12px;
+        padding: 0;
+        border: 2px solid #565e76;
+    }
+    .status-card__content {
+        padding: 8px;
+    }
+    .status-card__content > .status-card__host {
+        margin-bottom: 4px;
+        border-bottom: 2px solid #565e76;
+    }
+    .status-card__content > .status-card__title {
+        font-size: 110%;
+        line-height: 20px;
+
+    }
+    .status-card__content > .status-card__description {
+        display: inline-block;
+        line-height: 16px;
+        max-height: 48px;
+        white-space: unset;
     }
     .media-gallery {
         margin-top: 12px !important;
@@ -37,6 +84,11 @@
     .conversation .status__action-bar {
         padding: 0;
     }
+    .status--in-thread .status__action-bar {
+        padding: 0 20px;
+        margin-inline-start: 0;
+        width: calc(100% - 40px);
+    }
     .detailed-status > .detailed-status__meta {
         margin-top: 12px;
         padding: 0 16px;
@@ -50,12 +102,19 @@
     .notification > .notification__message {
         padding: 8px 8px 0 8px;
     }
-    
+    .detailed-status > .status__prepend {
+        margin-bottom: 8px;
+        padding-left: 12px;
+    }
+    .status__prepend {
+        padding-left: 12px;
+    }
+
     /* change the pm symbol back to what it should be */
     .fa-at::before {
         content: "";
     }
-    
+
     /* it's the toot button and that will never ever change */
     .compose-form__publish-button-wrapper > button::before {
         content: "Toot";