feat: config wizard UI improvements

client/scss/base/icons.scss

@@ -13,24 +13,11 @@
     fill: none;
   }
 
-  &.is-16 {
-    width: 16px;
-    height: 16px;
-  }
-  
-  &.is-18 {
-    width: 18px;
-    height: 18px;
-  }
-
-  &.is-20 {
-    width: 20px;
-    height: 20px;
-  }
-
-  &.is-24 {
-    width: 24px;
-    height: 24px;
+  @each $size in 16,18,20,24,48,64,96,128 {
+    &.is-#{$size} {
+      width: #{$size}px;
+      height: #{$size}px;
+    }
   }
 
   &.has-right-pad {

client/scss/components/config-manager.scss

@@ -1,5 +1,6 @@
 .config-manager {
   background-image: linear-gradient(to right, mc('indigo', '400'), mc('indigo', '600'));
+  background-repeat: no-repeat;
   width: 100%;
   min-height: 100%;
   padding-top: 1rem;
@@ -22,6 +23,10 @@
     border-bottom: 1px solid mc('indigo', '50');
     margin-bottom: 1rem;
 
+    img {
+      max-height: 100px;
+    }
+
     h2 {
       margin: 0;
       color: mc('indigo', '700');
@@ -30,6 +35,27 @@
 
   }
 
+  .is-logo {
+    text-align: center;
+    padding: .5rem 0 1.5rem 0;
+    border-bottom: 1px solid mc('indigo', '50');
+    margin-bottom: 1rem;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    img {
+      max-height: 64px;
+    }
+
+    h4 {
+      font-size: 1.2rem;
+      font-weight: 600;
+      margin-left: 1.5rem;
+      color: mc('grey', '700');
+    }
+  }
+
   i.icon-loader {
     display: inline-block;
     color: mc('indigo', '500')