Side box working on desktop and mobile mode

1 files changed, 14 insertions, 4 deletions

diff --git a/src/css/pdfpreview.css b/src/css/pdfpreview.css
index 35b329b..075841b 100644
--- a/src/css/pdfpreview.css
+++ b/src/css/pdfpreview.css
@@ -1,4 +1,4 @@
-.pdf-preview-loading {
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .pdf-preview-loading {
     background-color: #EDF2F4;
     height: 128px;
     margin: 24px 0;
@@ -7,18 +7,28 @@
     justify-content: space-evenly;
     text-align: center;
 }
-.pdf-preview-loading * {
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .pdf-preview-loading * {
     margin: 0 auto;
 }
-.pdf-preview {
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .pdf-preview {
     background-color: var(--black);
     margin: 24px 0;
     min-height: 100px;
     max-height: 400px;
     overflow: hidden;
 }
-.pdf-preview img {
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .pdf-preview img {
     display: block;
     max-width: 100%;
     margin: 0 auto;
 }
+
+@media only screen and (min-width: 64em) {
+    .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .pdf-preview-loading {
+        min-height: 15rem;
+    }
+    .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .pdf-preview-loading__text {
+        font-size: var(--font-size-24);
+        font-weight: bold;
+    }
+}
\ No newline at end of file