3 files changed, 23 insertions, 19 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
diff --git a/src/css/progressbar.css b/src/css/progressbar.css
index 0c1300d..830485c 100644
--- a/src/css/progressbar.css
+++ b/src/css/progressbar.css
@@ -7,6 +7,7 @@
     display: flex;
     align-items: center;
     justify-content: space-between;
+    margin: 1rem 0;
 }
 .progress-bar div.progress-bar__base {
     background-color: #bbb;
@@ -17,7 +18,7 @@
 
 }
 .progress-bar div.progress-bar__progress {
-    background-color: var(--dark-grey);
+    background-color: var(--navy);
     width: 68%; /* this can be controlled with javascript to set percent loaded */
     height: var(--progress-bar-height);
     border-radius: var(--progress-bar-radius);
diff --git a/src/css/style.css b/src/css/style.css
index a172a3e..21ff879 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -37,23 +37,16 @@
     font-size: var(--font-size-16);
     font-weight: bold;
     color: #000;
-    margin: 0;
-}
-.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .no-bottom-margin {
-    margin-bottom: -1em;
+    margin: 0.5rem 0;
 }
 .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice ul {
     color: #000;
+    margin: 1rem 0;
+    padding: 0;
+    list-style-position: inside;
 }
 .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice ul li {
-    padding: 4px; 
-}
-.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .full-box {
-    background-color: var(--white);
-    position: absolute;
-    left: 0;
-    padding: 20px;
-    margin-top: 16px;
+    padding: 0.5rem 0; 
 }
 .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .file-size {
     font-size: var(--font-size-14);
@@ -83,9 +76,9 @@
         display: none;
     } */
     .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .subtitle {
-        font-size: 24px;
+        font-size: var(--font-size-24);
     }
     .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice h2 {
-        font-size: 24px;
+        font-size: var(--font-size-24);
     }
 }