diff --git a/ds_judgements_public_ui/sass/includes/_structured_search.scss b/ds_judgements_public_ui/sass/includes/_structured_search.scss index 06e18af3b..fa5d6506a 100644 --- a/ds_judgements_public_ui/sass/includes/_structured_search.scss +++ b/ds_judgements_public_ui/sass/includes/_structured_search.scss @@ -3,7 +3,7 @@ &__main-search { background-color: $color__light-grey; padding: calc($spacer__unit * 1.5) 0 calc($spacer__unit * 2); - margin: 0 0 calc($spacer__unit * 3); + margin: 0 0 $spacer__unit; text-align: center; } @@ -21,6 +21,7 @@ @include container; padding: 0; text-align: left; + max-width: 100%; } &__full-text-panel { @@ -64,35 +65,58 @@ } - &__limit-to-label { - font-size: 1.1rem; - } - &__limit-to-input { @include text_field; width: 70%; + margin-bottom: 0; } &__limit-to-label { display: block; - margin-bottom: calc($spacer__unit / 2); - font-size: 1.1rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: bold; } - &__limit-to-input { - @include text_field; + &__single-field-panel { + padding-top: $spacer__unit; + + @media (min-width: $grid__breakpoint-medium) { + display: grid; + grid-auto-columns: 1fr; + grid-template-columns: 1fr; + } + + // Fix display in IE11 + + @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + display: -ms-grid; + -ms-grid-columns: 1fr 1rem 1fr; + + div:nth-of-type(1) { + -ms-grid-row: 1; + -ms-grid-column: 1; + } + + div:nth-of-type(2) { + -ms-grid-row: 1; + -ms-grid-column: 3; + } + + legend { + padding-left: 0; + } + } } &__multi-fields-panel { padding-top: $spacer__unit; - margin-top: $spacer__unit; - margin-bottom: $spacer__unit; + @media (min-width: $grid__breakpoint-medium) { display: grid; grid-auto-columns: 1fr; grid-template-columns: 1fr 1fr; - gap: $spacer__unit } // Fix display in IE11 @@ -119,44 +143,42 @@ &__specific-field-container { background-color: $color__yellow; - padding: calc($spacer__unit * 2) calc($spacer__unit * 3); - margin-bottom: $spacer__unit; - min-height: 10rem; + padding: $spacer__unit; display: flex; flex-direction: column; - justify-content: space-evenly; } &__limit-to-container { background-color: $color__yellow; - padding: calc($spacer__unit * 2) calc($spacer__unit * 3); - margin-bottom: $spacer__unit; - min-height: 10rem; + padding: $spacer__unit; display: flex; flex-direction: column; - justify-content: space-evenly; } &__submit-container { - margin-bottom: calc($spacer__unit * 3); + margin-top: calc($spacer__unit / 2); + text-align: right; } &__help-text { - margin-bottom: calc($spacer__unit / 2); + margin-top: calc($spacer__unit / 4); + font-size: 0.8rem; } &__select { @include select; + width: 100%; } &__date-input { @include text_field; + width: 95%; } fieldset { border: none; padding: 0; - margin-top: $spacer__unit; + margin: 0; } input[type=text] { diff --git a/ds_judgements_public_ui/templates/includes/courts_options.html b/ds_judgements_public_ui/templates/includes/courts_options.html new file mode 100644 index 000000000..052b0dee8 --- /dev/null +++ b/ds_judgements_public_ui/templates/includes/courts_options.html @@ -0,0 +1,89 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/ds_judgements_public_ui/templates/includes/results_filters.html b/ds_judgements_public_ui/templates/includes/results_filters.html index 83e247de9..971944a02 100644 --- a/ds_judgements_public_ui/templates/includes/results_filters.html +++ b/ds_judgements_public_ui/templates/includes/results_filters.html @@ -1,3 +1,10 @@
- {% include 'includes/structured_search_inputs.html' %} +
diff --git a/ds_judgements_public_ui/templates/includes/results_filters_inputs.html b/ds_judgements_public_ui/templates/includes/results_filters_inputs.html new file mode 100644 index 000000000..5a5bc37c3 --- /dev/null +++ b/ds_judgements_public_ui/templates/includes/results_filters_inputs.html @@ -0,0 +1,43 @@ + +
+
+
+ + +
+
+
+
+
+
+ + +
+
+ + +
+
+
+
+
+
+ + +

For example a claimant, defendant or other party

+
+
+ + +

For example 'Smith', 'Judge Smith' or 'Lord Justice Smith'

+
+ +
+
+
+ +
diff --git a/ds_judgements_public_ui/templates/includes/structured_search_additional_inputs.html b/ds_judgements_public_ui/templates/includes/structured_search_additional_inputs.html new file mode 100644 index 000000000..8eb531392 --- /dev/null +++ b/ds_judgements_public_ui/templates/includes/structured_search_additional_inputs.html @@ -0,0 +1,13 @@ +
+
+
+ + +

For example [2021] EWCA Crim 1785

+
+
+ + +
+
+
diff --git a/ds_judgements_public_ui/templates/includes/structured_search_inputs.html b/ds_judgements_public_ui/templates/includes/structured_search_inputs.html deleted file mode 100644 index bef9c1278..000000000 --- a/ds_judgements_public_ui/templates/includes/structured_search_inputs.html +++ /dev/null @@ -1,148 +0,0 @@ - diff --git a/ds_judgements_public_ui/templates/pages/structured_search.html b/ds_judgements_public_ui/templates/pages/structured_search.html index 4c314d6c3..764008782 100644 --- a/ds_judgements_public_ui/templates/pages/structured_search.html +++ b/ds_judgements_public_ui/templates/pages/structured_search.html @@ -25,7 +25,15 @@

Search everything for

- {% include 'includes/structured_search_inputs.html' %} + {% endblock %}