Added margin bottom to attachment-errors. Remove unused space between buttons. Passed scss-lint.

app/assets/stylesheets/layout.scss

@@ -92,6 +92,11 @@ a {
   color: $link;
 }
 
+.button.hollow.error {
+  border-color: $alert-border;
+  color: $color-alert;
+}
+
 .postfix.button {
   padding: 0;
 }
@@ -2133,11 +2138,64 @@ table {
 
 // 19. Documents
 .document-form form {
+
   .radio-buttons {
     label {
       margin-right: $line-height;
     }
   }
+
+  .source-option-link {
+    input {
+      padding-bottom: 0;
+    }
+
+    .error {
+      margin-bottom: $line-height;
+    }
+
+    label {
+      &.error {
+        margin-bottom: 0;
+      }
+    }
+  }
+
+  .source-option-file {
+    .file-name {
+      label {
+
+        @include breakpoint(small medium) {
+          float: none;
+        }
+
+        @include breakpoint(large) {
+          float: left;
+        }
+      }
+
+      p {
+
+        @include breakpoint(small medium) {
+          float: none;
+          margin-top: 0;
+          margin-left: 0;
+          margin-bottom: 0;
+        }
+
+        @include breakpoint(large) {
+          float: left;
+          margin-bottom: 0;
+          margin-top: $line-height / 2;
+          margin-left: $line-height;
+        }
+      }
+    }
+  }
+
+  .attachment-errors {
+    margin-bottom: $line-height;
+  }
 }
 
 .documents-list {

app/views/documents/_form.html.erb

@@ -17,7 +17,6 @@
     <div class="small-12 column">
       <div class="file-name">
         <%= f.file_field :attachment, label: false, class: 'show-for-sr' %>
-        <br>
         <%= f.label :attachment, t("documents.form.attachment_label"), class: 'button hollow' %>
         <p><%= document_attachment_file_name(@document) %></p>
       </div>