Add floating page and fix some margins0.1

1 files changed, 5 insertions, 5 deletions

diff --git a/src/css/progressbar.css b/src/css/progressbar.css
index 830485c..cc8f08e 100644
--- a/src/css/progressbar.css
+++ b/src/css/progressbar.css
@@ -1,15 +1,15 @@
 :root {
     --progress-bar-height: 6px;
-    --progress-bar-width: 87%;
+    --progress-bar-width: 85%;
     --progress-bar-radius: 3px;
 }
-.progress-bar {
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .progress-bar {
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin: 1rem 0;
 }
-.progress-bar div.progress-bar__base {
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .progress-bar div.progress-bar__base {
     background-color: #bbb;
     width: 100%;
     height: var(--progress-bar-height);
@@ -17,13 +17,13 @@
     border-radius: var(--progress-bar-radius);
 
 }
-.progress-bar div.progress-bar__progress {
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .progress-bar div.progress-bar__progress {
     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);
 }
-.progress-bar div.progress-bar__percentage {
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .progress-bar div.progress-bar__percentage {
     font-size: var(--font-size-14);
     font-weight: bold;
     color: var(--light-grey);