Implement basic settings page

framework/core/less/admin/BasicsPage.less

@@ -0,0 +1,33 @@
+.BasicsPage {
+  padding: 20px 0;
+
+  @media @desktop-up {
+    .container {
+      max-width: 600px;
+      margin: 0;
+    }
+  }
+
+  fieldset {
+    margin-bottom: 30px;
+
+    > ul {
+      list-style: none;
+      margin: 0;
+      padding: 0;
+    }
+  }
+}
+
+.BasicsPage-welcomeBanner-input {
+  :first-child {
+    margin-bottom: 1px;
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: 0;
+    font-weight: bold;
+  }
+  :last-child {
+    border-top-right-radius: 0;
+    border-top-left-radius: 0;
+  }
+}

framework/core/less/forum/Composer.less

@@ -331,10 +331,5 @@
       border-top: 0;
       padding: 20px 0;
     }
-
-    & .Button--primary {
-      padding-left: 20px;
-      padding-right: 20px;
-    }
   }
 }

framework/core/less/lib/Button.less

@@ -86,6 +86,20 @@
       pointer-events: none; // Future-proof disabling of clicks on `<a>` elements
     }
   }
+
+  .Button-label {
+    .transition(margin-right 0.1s);
+  }
+  .LoadingIndicator {
+    color: inherit;
+    margin: 0 -10px 0 -15px;
+    float: right;
+  }
+  &.loading {
+    .Button-label {
+      margin-right: 20px;
+    }
+  }
 }
 
 .Button--color(@color; @background) {
@@ -155,6 +169,8 @@
 .Button--primary {
   .Button--color(@body-bg, @primary-color);
   font-weight: bold;
+  padding-left: 20px;
+  padding-right: 20px;
 
   .Button-icon {
     display: none;