Center both translations in translation mode

newjersey · Jan 17, 2025 · 611532e · 611532e
1 parent 6153770
commit 611532e
Showing 1 changed file with 4 additions and 5 deletions.
diff --git a/src/templates/EmailEditorPage.css b/src/templates/EmailEditorPage.css
@@ -63,7 +63,6 @@
 
 .translation-mode .translation {
   --border: 1px solid var(--gray-light-medium);
-  --margin-left: 5.5vw;
 
   margin-left: 0;
   width: 50%;
@@ -116,17 +115,17 @@
 }
 
 .translation-mode .original-translation .email-editor-content {
-  margin-left: var(--margin-left);
+  margin-left: calc((50vw - var(--translation-content-width)) / 2);
 }
 
 .translation-mode .original-translation .translation-actions-inner {
-  margin-left: var(--margin-left);
+  margin-left: calc((50vw - var(--translation-content-width)) / 2);
 }
 
 .translation-mode .new-translation .email-editor-content {
-  margin-left: calc(var(--margin-left) / 2 + 1px);
+  margin-left: calc((50vw - var(--translation-content-width)) / 2);
 }
 
 .translation-mode .new-translation .translation-actions-inner {
-  margin-left: calc(var(--margin-left) / 2 + 1px);
+  margin-left: calc((50vw - var(--translation-content-width)) / 2);
 }