Added search and results mocks

styles/sass/styles.scss

@@ -1,5 +1,5 @@
 @import "node_modules/govuk-frontend/govuk/all";
-@import "prevent-training/_application";
+//@import "prevent-training/_application";
 @import "welshgov/_application";
 
 // global styles for <a> and <p> tags

styles/sass/welshgov/_application.scss

@@ -26,8 +26,53 @@
 .visually-hidden {
     position: absolute !important;
     overflow: hidden;
-    clip: rect(1px,1px,1px,1px);
+    clip: rect(1px, 1px, 1px, 1px);
     width: 1px;
     height: 1px;
     word-wrap: normal;
-}
+}
+
+.form-inline-label {
+    .inlineFieldset {
+        display: flex;
+        @media screen and (max-width: 900px) {
+            display: block;
+        }
+    }
+    legend {
+        align-self: flex-end;
+        margin-right: 20px;
+    }
+
+    .inlineFieldset .govuk-date-input__item:last-of-type {
+        margin-right: 0px;
+        position: relative;
+        top: -2px;
+
+        label.govuk-label.govuk-checkboxes__label.no__right_padding {
+            padding-right: 0px;
+        }
+    }
+}
+
+div.govuk-summary-list__row:nth-child(even) {
+    background: #f3f2f1;
+}
+
+.results_wider {
+    width: 170px;
+}
+
+.results-visually-hidden {
+    display: none;
+    @media screen and (max-width: 900px) {
+        display: block;
+        font-weight: bold;
+    }
+}
+
+.results-headings {
+    @media screen and (max-width: 900px) {
+        display: none;
+    }
+}