Flex 37.html and fixes from call

1 files changed, 31 insertions, 1 deletions

diff --git a/src/css/style.css b/src/css/style.css
index e671f36..cb09f31 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -13,7 +13,7 @@
     background-color: #EDF2F4;
 }
 .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice {
-    padding: 20px;
+    padding: 20px 0;
 }
 .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .subtitle {
     font-size: var(--font-size-16);
@@ -28,6 +28,12 @@
     font-weight: bold;
     color: var(--dark-grey);
     margin: 0.5em 0;
+    max-width: 1024px;
+}
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice h1 .ellipsis {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
 .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice h2 {
     font-size: var(--font-size-20);
@@ -66,6 +72,30 @@
     align-items: baseline;
     justify-content: space-between;
 }
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .back-link {
+    margin-bottom: 24px;
+}
+
+@media only screen and (min-width: 640px) {
+    .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .flex-r-between {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        flex-wrap: wrap;
+    }
+}
+
+@media only screen and (max-width: 640px) {
+    .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .flex-r-between .button-container {
+        flex-direction: row;
+        justify-content: space-between;
+        
+    }
+    .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .flex-r-between .button-container .btn {
+        width: 45vw;
+    }
+}
+
 
 /* Desktop (at least 64em) */