basilisk progress bar css fix

react/src/components/overrides.scss

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