From 611532eaf75c67d0248558da9b04e67b933d7c82 Mon Sep 17 00:00:00 2001 From: Michael Crismali Date: Fri, 17 Jan 2025 15:41:45 -0600 Subject: [PATCH] Center both translations in translation mode --- src/templates/EmailEditorPage.css | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/src/templates/EmailEditorPage.css b/src/templates/EmailEditorPage.css index f596df42..a95e3685 100644 --- 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); }