From e207761b6637863953e1d1ae8d9b835272456ec9 Mon Sep 17 00:00:00 2001 From: akiyamn Date: Wed, 1 Jun 2022 15:47:03 +1000 Subject: Side box working on desktop and mobile mode --- src/css/progressbar.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'src/css/progressbar.css') 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); -- cgit v1.2.3