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' %}
+
+
+
+
+ {% include 'includes/results_filters_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 @@
+
+
+
+
+
+
+
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 @@
+
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' %}
+
+
+
+
+ {% include 'includes/structured_search_additional_inputs.html' %}
+ {% include 'includes/results_filters_inputs.html' %}
+
+
+
{% endblock %}