basilisk progress bar css fix

react/src/components/overrides.scss

@@ -40,14 +40,17 @@ body {
   .panel-title {
     cursor: pointer;
     cursor: hand;
-  }
+
-  .panel-title:before {
+    &:before {
       content: '\F273';
     }
-  .panel-title.collapsed:before {
+    &.collapsed {
+      &:before {
         content: '\F278';
       }
     }
+  }
+}
 
 #section-dashboard {
   height: 100%;
@@ -145,10 +148,11 @@ body {
 
 .display-sync-only-coins-toggle {
   cursor: pointer;
-}
+
-.display-sync-only-coins-toggle:hover {
+  &:hover {
     color: #ffa726;
   }
+}
 
 .btn-add-coin-item,
 .btn-add-coin-item-options,
@@ -197,13 +201,17 @@ body {
           margin-right: 8%;
           padding: 0;
 
-          .input.to-labelauty+label {
+          .input{
+            &.to-labelauty+label {
               max-width: 136px;
             }
           }
-        .col-lg-4:last-child {
+        }
+        .col-lg-4 {
+          &:last-child {
             margin-right: 0;
           }
+        }
         .col-sm-1 {
           width: 44px;
           padding: 0;
@@ -244,10 +252,12 @@ body {
     width: 80%;
     margin: 0 auto;
   }
-  .padding-bottom-60:last-child {
+  .padding-bottom-60 {
+    &:last-child {
       padding-bottom: 0 !important;
     }
   }
+}
 
 #SettingsAccordion {
   .panel {
@@ -593,3 +603,9 @@ select{
 .navbar-brand {
   padding: 22px 15px;
 }
+
+.panel-actions {
+  .progress {
+    width: inherit;
+  }
+}