download link with filename from api

styles/sass/welshgov/_application.scss

@@ -18,6 +18,7 @@ html {
 .govuk-button,
 .govuk-label,
 .govuk-select,
+.govuk-radios__item,
 .govuk-breadcrumbs__link,
 .govuk-fieldset__legend--s,
 .govuk-input,
@@ -136,6 +137,7 @@ body {
 a.longLinkBreak {
     word-wrap: break-word;
 }
+
 .govuk-header {
     background-color: $charcoal;
 
@@ -189,6 +191,18 @@ a.longLinkBreak {
     }
 }
 
+.govuk-input,
+.govuk-select,
+textarea,
+.react-datepicker__input-container input {
+    border: 1px solid $darkgrey;
+    padding: 10px 15px;
+}
+
+.govuk-radios__label:before {
+    border: 1px solid $darkgrey;
+}
+
 .govuk-checkboxes__conditional--hidden {
     display: none;
 }
@@ -628,10 +642,22 @@ a.longLinkBreak {
         outline: 3px solid transparent;
     }
 }
+
+.documentList {
+    .govuk-summary-list__key:first-of-type {
+        width: 20%;
+    }
+    .govuk-summary-list__key:last-of-type {
+        width: 20%;
+    }
+}
 .results .govuk-summary-list__row {
     @media screen and (max-width: 900px) {
         padding: 20px 10px;
     }
+    &::last-of-type {
+        width: 30%;
+    }
 }
 
 .results_wider {
@@ -679,8 +705,8 @@ a.longLinkBreak {
     height: 40px;
     height: 2.5rem;
     margin-top: 0;
-    padding: 5px;
-    border: 2px solid #0b0c0c;
+    padding: 10px 15px;
+    border: 1px solid $darkgrey !important;
     border-radius: 0;
     -webkit-appearance: none;
     appearance: none;
@@ -690,6 +716,17 @@ a.longLinkBreak {
     line-height: 1.3157894737;
 }
 
+.react-datepicker-popper[data-placement^="top"]
+    .react-datepicker__triangle::before,
+.react-datepicker-popper[data-placement^="bottom"]
+    .react-datepicker__triangle::before,
+.react-datepicker-popper[data-placement^="top"]
+    .react-datepicker__triangle::after,
+.react-datepicker-popper[data-placement^="bottom"]
+    .react-datepicker__triangle::after {
+    left: -20px !important;
+}
+
 //sharebar
 
 .btn--arrow-up a {