From c0a7c0d62c377a895aebaab7ca08d5c46fb8bcba Mon Sep 17 00:00:00 2001
From: Eike Kettner <eike.kettner@posteo.de>
Date: Fri, 7 Aug 2020 16:56:15 +0200
Subject: [PATCH] Fix modal positioning in item detail

---
 modules/webapp/src/main/elm/Comp/DetailEdit.elm |  2 +-
 modules/webapp/src/main/webjar/docspell.css     | 11 ++++++-----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/modules/webapp/src/main/elm/Comp/DetailEdit.elm b/modules/webapp/src/main/elm/Comp/DetailEdit.elm
index 3d734c63..12efb8a4 100644
--- a/modules/webapp/src/main/elm/Comp/DetailEdit.elm
+++ b/modules/webapp/src/main/elm/Comp/DetailEdit.elm
@@ -602,7 +602,7 @@ viewModal settings mm =
     in
     div
         [ classList
-            [ ( "ui inverted dimmer", True )
+            [ ( "ui inverted dimmer keep-small", True )
             , ( "invisibe hidden", hidden )
             , ( "active", not hidden )
             ]
diff --git a/modules/webapp/src/main/webjar/docspell.css b/modules/webapp/src/main/webjar/docspell.css
index 72c026b2..e64155a0 100644
--- a/modules/webapp/src/main/webjar/docspell.css
+++ b/modules/webapp/src/main/webjar/docspell.css
@@ -170,11 +170,12 @@ textarea.markdown-editor {
     background: rgba(0,0,0,0.2);
 }
 
-@media only screen and (min-width: 992px) {
-    .ui.modal.keep-small {
-        width: inherit;
-        margin: 0 0 0 1rem;
-    }
+
+.ui.dimmer.keep-small {
+    justify-content: start;
+}
+.ui.modal.keep-small {
+    width: 95%;
 }