UX: Cleaning up a few admin styles

app/assets/javascripts/admin/templates/customize-themes-show.hbs

@@ -1,5 +1,5 @@
 <div class="show-current-style">
-  <h2>
+  <h1>
     {{#if editingName}}
       {{text-field value=model.name autofocus="true"}}
       {{d-button action="finishedEditingName" class="btn-primary btn-small submit-edit" icon="check"}}
@@ -7,7 +7,7 @@
     {{else}}
       {{model.name}} <a {{action "startEditingName"}}>{{d-icon "pencil"}}</a>
     {{/if}}
-  </h2>
+  </h1>
 
   {{#if model.remote_theme}}
   <p>

app/assets/stylesheets/common/admin/admin_base.scss

@@ -363,12 +363,15 @@ $mobile-breakpoint: 700px;
 
 .groups, .badges, .web-hook-container {
   .form-horizontal {
-    label {
-      font-weight: bold;
+    & > div {
+      margin-bottom: 20px;
     }
 
-    & > div {
-      margin-top: 10px;
+    .d-editor-textarea-wrapper {
+      max-width: 60%; 
+      .d-editor-button-bar {
+        overflow: hidden;
+      }
     }
 
     input, textarea, select, .select-box {

app/assets/stylesheets/common/admin/customize.scss

@@ -4,6 +4,10 @@
     margin-bottom: 10px;
     input {
       margin-bottom: 0;
+      font-size: 1rem;
+    }
+    .btn-small {
+      font-size: 1rem;
     }
   }