improve modals

src/scss/index.scss

@@ -6,11 +6,11 @@
 @import 'modules/marketplace';
 @import 'modules/buttons';
 @import 'modules/dropdown';
-@import 'modules/welcome';
 
 @import 'modules/modals/main';
 @import 'modules/modals/feedback';
 @import 'modules/modals/update';
+@import 'modules/modals/welcome';
 
 body {
     background: #2f3640;

src/scss/modules/_buttons.scss

@@ -17,6 +17,17 @@
   box-shadow: none;
 }
 
+.refresh {
+  @extend %settingsButton;
+  background-color: map-get($button-colours, 'confirm');
+  border: 2px solid map-get($button-colours, 'confirm');
+
+  &:hover {
+    border: 2px solid map-get($button-colours, 'confirm');
+    color: map-get($button-colours, 'confirm');
+  }
+}
+
 .apply {
   @extend %settingsButton;
   margin-right: 20px;

src/scss/modules/_settings.scss

@@ -64,8 +64,7 @@ input {
 }
 
 h4,
-.switch,
-.expandIcons {
+.switch {
   display: inline;
   font-size: 1.4em;
   font-weight: 100;
@@ -80,40 +79,10 @@ h4,
   margin-bottom: 20px;
 }
 
-.expandIcons {
-  font-size: 25px;
-  vertical-align: middle;
-}
-
-h4,
-.expandIcons {
+h4 {
   cursor: pointer;
 }
 
-.extraSettings {
-  border-left: 10px solid;
-  border-image-slice: 1;
-  border-width: 5px;
-  list-style: none;
-  border-image-source: linear-gradient(to bottom, #ffb032 0%, #dd3b67 100%);
-
-  p {
-    margin: 0;
-    padding: 0;
-  }
-
-  select {
-    margin-left: 20px;
-  }
-
-  input[type=text],
-  input[type=range],
-  p,
-  button {
-    margin-top: 10px;
-  }
-}
-
 ul {
   padding-left: 5px;
   margin: 0;