Basics of desktop mode

1 files changed, 42 insertions, 7 deletions

diff --git a/src/css/uploadbox.css b/src/css/uploadbox.css
index 0d717e1..a48f84b 100644
--- a/src/css/uploadbox.css
+++ b/src/css/uploadbox.css
@@ -8,21 +8,22 @@
     border-radius: 5px;
     padding: 16px;
     margin: 10px 0;
+    max-width: 48em;
 }
-.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box div.upload-box__title {
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box .upload-box__title {
     font-weight: bold;
     font-size: var(--font-size-18);
     color: var(--dark-grey);
     margin-bottom: 0.75rem;
 }
 
-.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box p.upload-box__small-text {
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box .upload-box__small-text {
     font-size: var(--font-size-12);
     color: var(--light-grey);
     
 }
 
-.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box p.upload-box__text {
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box .upload-box__text {
     font-size: var(--font-size-16);
     color: var(--black);
     margin-top: 0;
@@ -46,9 +47,13 @@
     width: 100%;
     min-height: 1.25rem;
 }
+
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box__link-title,
 .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box__file-list .upload-box__file-item-textbox .upload-box__file-item-text {
     float: left;
 }
+
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box__link-icon,
 .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box__file-list .upload-box__file-item-textbox .upload-box__file-item-icon {
     float: right;
 }
@@ -77,18 +82,48 @@
     background-color: inherit;
 }
 .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box__link-title {
-    float: left;
     font-size: var(--font-size-16);
     font-weight: bold;
     color: var(--black);
     max-width: 90%;
 }
-.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box__link-icon {
-    float: right;
-}
+
 .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box__link-box {
     width: 100%;
     min-height: 1.25rem;
     overflow: auto;
     margin-bottom: 0.75rem;
+}
+
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box__view-text {
+    float: right;
+    font-weight: bold;
+}
+
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice a.upload-box__view-text {
+    text-decoration: none;
+}
+
+@media only screen and (min-width: 64em) {
+
+    .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box__view-text::before {
+        content: 'View';
+    }
+
+    .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box__file-list .upload-box__file-item-textbox .upload-box__file-item-icon,
+    .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box__link-icon {
+        margin-left: 1rem;
+    }
+
+    .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box {
+        padding: 1.5rem;
+    }
+
+    .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box .upload-box__small-text {
+        font-size: var(--font-size-14)
+    }
+}
+
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .horiz-container > .upload-box {
+    width: 100%;
 }
\ No newline at end of file