From cfa44025a8444ecf623c779a129e477fc3fb2245 Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Tue, 16 Feb 2021 18:28:40 +0100
Subject: [PATCH 1/2] Add max-width: 100% to editable.scss

---
 ts/editor/editable.scss | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/ts/editor/editable.scss b/ts/editor/editable.scss
index caedb7a21..d1a48c7b9 100644
--- a/ts/editor/editable.scss
+++ b/ts/editor/editable.scss
@@ -10,10 +10,14 @@ anki-editable {
     }
 }
 
-img.drawing {
-    zoom: 50%;
+img {
+    max-width: 100%;
 
-    .nightMode & {
-        filter: unquote("invert() hue-rotate(180deg)");
+    &.drawing {
+        zoom: 50%;
+
+        .nightMode & {
+            filter: unquote("invert() hue-rotate(180deg)");
+        }
     }
 }

From b98ddaafaa42f062b9c5f1f4421ff8740e07051c Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Tue, 16 Feb 2021 18:40:58 +0100
Subject: [PATCH 2/2] Increase the padding in the editable to 6px

---
 ts/editor/editable.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ts/editor/editable.scss b/ts/editor/editable.scss
index d1a48c7b9..5d0d45cda 100644
--- a/ts/editor/editable.scss
+++ b/ts/editor/editable.scss
@@ -2,7 +2,7 @@ anki-editable {
     display: block;
     overflow-wrap: break-word;
     overflow: auto;
-    padding: 5px;
+    padding: 6px;
 
     &:empty::after {
         content: "\a";