Form cleanup

app/assets/stylesheets/common.css.scss

@@ -5,6 +5,7 @@ $typeheight: 14px;
 $offwhite: #f4f4ff;
 $blue: #7092FF;
 $grey: #AAA;
+$keyline: #CCC;
 $hovercolor: 20%;
 
 /* Styles common to large and small screens */
@@ -36,7 +37,7 @@ li { list-style: none; }
 input,
 select,
 textarea,
-body { font: $typeheight/$lineheight "Helvetica Neue",Arial,sans-serif; }
+body { font: #{$typeheight}/#{$lineheight} "Helvetica Neue",Arial,sans-serif; }
 
 abbr, acronym {
   border-bottom: .1em dotted;
@@ -573,7 +574,7 @@ table {
   z-index: 10000;
   position: absolute;
   background-color: #ffffff;
-  border: 1px solid #cccccc;
+  border: 1px solid $keyline;
   border-top: 0px;
   ul {
     margin: 0px;
@@ -609,7 +610,7 @@ table {
   top: 0px;
   bottom: 0px;
   left: 0px;
-  border-right: 1px solid #ccc;
+  border-right: 1px solid $keyline;
   width: 33.3333%;
   .sidebar_heading {
     position: relative;
@@ -623,6 +624,9 @@ table {
   }
   ul {
     margin-bottom: 0;
+    &:last-child {
+        border-bottom: 1px solid #ccc;
+    }
     li {
       margin-bottom: $lineheight/4;
       &:last-child {
@@ -643,7 +647,7 @@ table {
 
 #sidebar_content {
   position: relative;
-  bottom: 0;
+  margin-bottom: 20px;
   width: 100%;
   h4 {
     padding: 0 $lineheight $lineheight/2 $lineheight;
@@ -656,7 +660,7 @@ table {
 /* Rules for the map key which appears in the popout sidebar */
 
 #mapkey {
-  padding: $lineheight;
+  padding: $lineheight $lineheight 0 $lineheight;
  .mapkey-table-key img {
     display: block;
     margin-left: auto;
@@ -753,21 +757,6 @@ ul.results-list li { border-bottom: 1px solid #ccc; }
   display: none;
 }
 
-.export_buttons {
-  width: 100%;
-  text-align: center;
-}
-
-#drag_box {
-  display: inline;
-  padding: $lineheight/2 $lineheight;
-}
-
-#export_commit {
-  width: 50%;
-  margin: auto;
-}
-
 /* Rules for the main content area */
 
 #content {
@@ -1322,6 +1311,9 @@ ul.results-list li { border-bottom: 1px solid #ccc; }
   width: 100%;
   border: 1px solid #ddd;
 
+  input[type="submit"] {
+    margin: auto;
+  }
   tbody tr {
     border-top: 1px solid #ccc;
   }
@@ -1342,6 +1334,9 @@ ul.results-list li { border-bottom: 1px solid #ccc; }
   tr th {
     padding: $lineheight/4;
   }
+  tr td {
+    border-right: 1px solid $keyline;
+  }
 }
 
 .inbox-row .inbox-mark-read {
@@ -1424,12 +1419,12 @@ ul.results-list li { border-bottom: 1px solid #ccc; }
 
 .standard-form {
   fieldset {
-    margin-bottom: $lineheight;
+    margin-bottom: $lineheight/2;
   }
   label {
     display: block;
     width: 300px;
-    margin-right: $lineheight/2;
+    margin-bottom: $lineheight/4;
     font-size: $typeheight;
     font-weight: bold;
     line-height: 1.5;
@@ -1452,6 +1447,7 @@ input[type="url"],
 input[type="password"],
 textarea {
   border: 1px solid #ccc;
+  padding: 2px;
 }
 
 /* Rules for user images */

app/views/export/start.html.erb

@@ -67,6 +67,8 @@
     </div>
   </div>
 
-  <%= submit_tag t('export.start.export_button'), :id => "export_commit" %>
+  <div class="inner12">
+    <%= submit_tag t('export.start.export_button'), :id => "export_commit" %>
+  </div>
 
 <% end %>