fixup! feat: make thread elements have the same space around it

Signed-off-by: greta <[email protected]>

Author: GretaD

src/components/Thread.vue

@@ -579,20 +579,27 @@ export default {
 	position: -webkit-sticky; // ios/safari fallback
 	position: sticky;
 	top: 0;
-	background: var(--color-main-background);
-	background: var(--color-main-background);
-	background: var(--color-main-background);
-	background: var(--color-main-background);
-	border-bottom: var(--border-width-input-focused) solid var(--color-border);
 	margin-bottom: 5px;
-	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+
+	&::before {
+		content: '';
+		position: absolute;
+		top: 0;
+		left: 50%;
+		transform: translateX(-50%);
+		width: 100vw;
+		height: 100%;
+		background: var(--color-main-background);
+		border-bottom: var(--border-width-input-focused) solid var(--color-border);
+		z-index: -1;
+	}
 }
 
 #mail-thread-header-fields {
 	// initial width
 	width: 0;
 	// while scrolling, the back button overlaps with subject on small screen
-	padding-inline-start: calc (var(--border-radius-container-large) + var ((--header-height)));
+	padding-inline-start: calc(var(--border-radius-container-large) + var(--header-height));
 	// grow and try to fill 100%
 	flex: 1 1 auto;
 	h2,