improve(ui): polish settings options ui

src/main/frontend/components/settings.css

@@ -2,12 +2,12 @@
   &-app-updater {
     min-height: 20px;
     position: relative;
-    margin-bottom: -10px;
+    margin-bottom: -5px;
 
     button.check-update {
       position: absolute;
       right: 0;
-      top: -45px;
+      top: -42px;
 
       &:disabled {
         cursor: progress;
@@ -41,4 +41,61 @@
       }
     }
   }
+}
+
+#settings {
+  padding-bottom: 20px;
+
+  > h1.title {
+    margin-bottom: .8rem;
+  }
+
+  hr {
+    margin: 1rem 0;
+    opacity: .5;
+  }
+
+  .panel-wrap {
+    padding: 0 12px;
+
+    > .it {
+      margin-bottom: 0;
+      padding-bottom: 15px;
+      align-items: center;
+
+      label {
+        display: flex;
+        align-items: center;
+
+        & + div {
+          display: flex;
+          align-items: center;
+          min-height: 24px;
+          user-select: none;
+
+          .max-w-lg {
+            width: 100%;
+          }
+        }
+      }
+
+      &.app-updater {
+        padding-top: 15px;
+        align-items: start;
+
+        > .wrap {
+          display: block;
+
+          .ver {
+            position: relative;
+            top: -2px;
+          }
+        }
+      }
+
+      .form-select, .form-input {
+        width: 68%;
+      }
+    }
+  }
 }