style admin section

app/assets/javascripts/app/views/maintenance.jst.eco

@@ -1,29 +1,21 @@
-<div class="flex scrollable">
-  <div>
 <div class="page-header-title">
   <h1><%- @T('Maintenance Message') %><small></small></h1>
 </div>
 <form id="maintenanceForm">
-    <fieldset>
   <div class="form-group">
-      <label for="title"><%- @T('Title') %></label>
+    <label for="maintenance-title"><%- @T('Title') %></label>
     <div class="controls">
-        <input type="text" name="head" class="form-control" placeholder="<%- @Ti('some title') %>" required>
+      <input type="text" id="maintenance-title" name="head" class="form-control" required>
     </div>
   </div>
   <div class="form-group">
-      <label for="message"><%- @T('Message') %></label>
+    <label for="maintenance-message"><%- @T('Message') %></label>
     <div class="controls">
-      <textarea name="message" class="form-control" rows="8" placeholder="<%- @Ti('what details') %>" required></textarea>
+    <textarea id="maintenance-message" name="message" class="form-control" rows="8"required></textarea>
     </div>
   </div>
   <div class="form-group">
-      <label for="message"><%- @T('Reload application') %></label>
-      <div class="controls">
-      <input name="reload" type="checkbox" value="1">
+    <label><input name="reload" type="checkbox" value="1"> <%- @T('Reload application') %></label>
   </div>
-    </div>
-    </fieldset>
   <button type="submit" class="btn btn--primary submit"><%- @T('Send to clients') %></button>
 </form>
-</div>

app/assets/javascripts/app/views/package.jst.eco

@@ -11,9 +11,9 @@
     </ul>
 -->
   <p>
-    <form action="<%= App.Config.get('api_path') %>/packages" method="post" enctype="multipart/form-data">
+    <form action="<%= App.Config.get('api_path') %>/packages" method="post" enctype="multipart/form-data" class="horizontal center">
       <input type="file" name="file_upload"/>
-      <button class="btn btn--primary" type="submit"><%- @T('Install Package') %></button>
+      <button class="align-right btn btn--primary" type="submit"><%- @T('Install Package') %></button>
     </form>
   </p>
 

app/assets/javascripts/app/views/settings/item.jst.eco

@@ -1,7 +1,8 @@
-<form class="" id="<%= @setting.name %>">
+<form class="settings-entry" id="<%= @setting.name %>">
   <h2><%- @T( @setting.title ) %></h2>
   <p><%- @T( @setting.description ) %></p>
-  <div class="form-item"></div>
-  <button type="submit" class="btn"><%- @T( 'Submit' ) %></button>
+  <div class="horizontal end">
+    <div class="form-item flex"></div>
+    <button type="submit" class="btn btn--primary"><%- @T( 'Submit' ) %></button>
+  </div>
 </form>
-<hr/>

app/assets/stylesheets/zzz.css.erb

@@ -9,6 +9,11 @@ ol,
 ul {
 }
 
+p {
+  color: hsl(198,19%,72%);
+  margin-bottom: 14px;
+}
+
 a.create {
   color: hsl(145,51%,45%);
   text-decoration: underline;
@@ -547,6 +552,14 @@ textarea,
   margin-left: 10px;
 }
 
+.help-block {
+  margin: 0;
+}
+
+.help-block:not(:empty) {
+  margin: 5px 0 10px;
+}
+
 .help-block {
   color: #bcbcbc;
 }
@@ -3618,6 +3631,27 @@ footer {
   border-color: hsl(0,0%,90%);
 }
 
+.main .nav-tabs:first-child {
+  margin: 28px 0 50px;
+}
+
+.settings-entry {
+  margin-bottom: 42px;
+  max-width: 700px;
+}
+
+.form-item .form-group {
+  margin-bottom: 0;
+}
+
+.form-item .form-group + .form-group {
+  margin-top: 15px;
+}
+
+.form-item + .btn {
+  margin-left: 15px;
+}
+
 /*
 
   ----------------