fixup! fix: thread heading alignment and participants

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

Author: GretaD

src/components/Message.vue

@@ -180,7 +180,7 @@ export default {
 }
 
 .reply-buttons {
-	margin: 0 calc(var(--default-grid-baseline) * 2) 0 50px;
+	margin: 0 calc(var(--default-grid-baseline) * 2) 0 calc(var(--default-grid-baseline) * 14);
 	display: flex;
 	flex-wrap: wrap;
 	gap: 5px;
@@ -205,7 +205,6 @@ export default {
 
 	&__notsuggested {
 		margin-inline-start: auto;
-		margin-inline-end: -12px;
 	}
 }
 @media screen and (max-width: 600px) {

src/components/MessageHTMLBody.vue

@@ -173,9 +173,7 @@ export default {
 <style lang="scss" scoped>
 // account for 8px margin on iframe body
 .html-message-body {
-	margin-inline-start: 50px;
-	margin-top: 2px;
-	margin : 2px calc(var(--default-grid-baseline) * 2) 0 50px;
+	margin : 2px calc(var(--default-grid-baseline) * 2) 0 calc(var(--default-grid-baseline) * 14);
 	background-color: #FFFFFF;
 }
 

src/components/Thread.vue

@@ -607,9 +607,6 @@ export default {
 	// while scrolling, the back button overlaps with subject on small screen
 	// 66px to allign with the sender Envelope -> 8px margin + 2px border+ avatar -> 40px width  + envelope__header -> 8px padding + sender-> margin 8px
 	padding-left: 66px;
-	// 70ox to allign with the message text 60px mail-content margin + 2px envelope border + 8px envelope margin
-	padding-left: 70px;
-	padding-inline-start: calc(var(--border-radius-container-large) + var(--header-height));
 	// grow and try to fill 100%
 	flex: 1 1 auto;
 	h2,