From 89c6a327fc3751db7ae3859645d1776d44c25d95 Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Fri, 25 Oct 2024 11:32:58 -0700
Subject: [PATCH] Fix mobile preview positioning

---
 .../document-detail/document-detail.component.scss     | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src-ui/src/app/components/document-detail/document-detail.component.scss b/src-ui/src/app/components/document-detail/document-detail.component.scss
index 46ccaa3a2..f61e20e83 100644
--- a/src-ui/src/app/components/document-detail/document-detail.component.scss
+++ b/src-ui/src/app/components/document-detail/document-detail.component.scss
@@ -65,12 +65,18 @@ textarea.rtl {
 
 .thumb-preview {
   top: 0;
-  left: calc(.5 * var(--bs-gutter-x));
+  left: 0;
+  width: 100%;
   height: calc(100vh - 160px);
+
+  @media screen and (min-width: 768px) {
+    left: calc(.5 * var(--bs-gutter-x));
+    width: calc(100% - var(--bs-gutter-x));
+  }
+
   overflow: hidden;
   background-color: gray;
   padding: 10px 8px; // border
-  width: calc(100% - var(--bs-gutter-x));
   z-index: 1000;
 
   > div {