Supported apps fixes

public/css/app.css

@@ -724,7 +724,7 @@ body {
 }
 
 div.create {
-  padding: 30px;
+  padding: 30px 15px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -733,7 +733,7 @@ div.create {
 }
 
 div.create .input {
-  width: 260px;
+  width: 280px;
   margin: 20px;
 }
 
@@ -1012,6 +1012,70 @@ a.settinglink {
   width: 100%;
 }
 
+#sapconfig h2 {
+  background: #f2f3f6;
+  padding: 18px 25px;
+  margin-left: -15px;
+  width: calc(100% + 30px);
+  /* margin-right: -30px; */
+  border-top: 1px solid #dbdce3;
+  border-bottom: 1px solid #dbdce3;
+  font-size: 18px;
+  color: #5b5b5b;
+  font-weight: 500;
+}
+
+#sapconfig .items {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+
+hr {
+  margin: 23px 0 18px;
+  height: 0;
+  border-style: none;
+  border-width: 0;
+  border-top: 1px solid #eaeaea;
+  border-bottom: 1px solid #fff;
+}
+
+.upload-btn-wrapper {
+  position: relative;
+  overflow: hidden;
+  display: inline-block;
+}
+
+.btn {
+  border: none;
+  color: white;
+  background-color: #d64d55;
+  padding: 8px 12px;
+  border-radius: 8px;
+  font-size: 16px;
+}
+
+.upload-btn-wrapper input[type=file] {
+  font-size: 100px;
+  position: absolute;
+  left: 0;
+  top: 0;
+  opacity: 0;
+}
+
+.icon-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+
+.icon-container img {
+  margin-right: 15px;
+}
+
 /*! Huebee v2.0.0
 http://huebee.buzz
 ---------------------------------------------- */