fix: reply buttons spacing

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

Author: hamza221

src/components/Message.vue

@@ -180,7 +180,7 @@ export default {
 }
 
 .reply-buttons {
-	margin: 0 calc(var(--default-grid-baseline) * 2) 0 calc(var(--default-grid-baseline) * 14);
+	margin: 0 calc(var(--default-grid-baseline) * 4) calc(var(--default-grid-baseline) * 2) calc(var(--default-grid-baseline) * 14);
 	display: flex;
 	flex-wrap: wrap;
 	gap: 5px;

src/components/Thread.vue

@@ -564,7 +564,7 @@ export default {
 
 .mail-message-body {
 	flex: 1;
-	margin-bottom: calc(var(--default-grid-baseline) * 7);
+	margin-bottom: calc(var(--default-grid-baseline) * 2);
 	position: relative;
 }
 
@@ -606,7 +606,7 @@ export default {
 	width: 0;
 	// 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;
+	padding-inline-start: 66px;
 	// grow and try to fill 100%
 	flex: 1 1 auto;
 	h2,