diff --git a/app/assets/sass/components/_inline-detailed-search.scss b/app/assets/sass/components/_inline-detailed-search.scss index e7d8b16..4b8509a 100644 --- a/app/assets/sass/components/_inline-detailed-search.scss +++ b/app/assets/sass/components/_inline-detailed-search.scss @@ -1,17 +1,11 @@ .app-inline-detailed-search { display: flex; - gap: 1rem; + //gap: 1rem; + gap: 2rem; & > .nhsuk-form-group { margin-bottom: 0; - - &:nth-child(4) { - width: 210px; - flex-shrink: 0; - } - &:last-child { - align-self: flex-end; - } + align-self: flex-end; } & .nhsuk-button { @@ -19,7 +13,8 @@ } .nhsuk-date-input__item { - margin-right: 8px; + //margin-right: 8px; + margin-right: 1rem; &:last-child { margin-right: 0; } diff --git a/app/assets/sass/components/_participant-table.scss b/app/assets/sass/components/_participant-table.scss index 1cb1606..fb7f1a4 100644 --- a/app/assets/sass/components/_participant-table.scss +++ b/app/assets/sass/components/_participant-table.scss @@ -1,17 +1,35 @@ .app-participant-table { + /*thead tr { + position: sticky; + top: 0; + background-color: #f0f4f5; + }*/ + tbody tr:nth-child(odd) { - background-color: rgba(255,255,255,0.5); + background-color: #f8fafa; + } + tbody tr:nth-child(even) { + background-color: #f0f4f5; } + th:first-child, td:first-child { padding-left: 12px; } - &.nhsuk-checkboxes--small { - .nhsuk-checkboxes__item { - margin-top: -8px; - } + td:has( > .nhsuk-checkboxes__item) { + padding-right: 0; + padding-top: 8px; + width: 62px; + } + + .app-column-time { + width: 5rem; + } + .app-column-nhs-number { + text-align: right; + width: 10rem; } - + } \ No newline at end of file diff --git a/app/assets/sass/main.scss b/app/assets/sass/main.scss index 54712b2..1b9b32a 100755 --- a/app/assets/sass/main.scss +++ b/app/assets/sass/main.scss @@ -1,5 +1,8 @@ // Import NHS.UK frontend library -@forward "nhsuk-frontend/dist/nhsuk/nhsuk"; +@forward "nhsuk-frontend/dist/nhsuk/nhsuk" with ( + $nhsuk-page-width: 1280px +); +//@forward "nhsuk-frontend/dist/nhsuk/nhsuk"; @use "nhsuk-frontend/dist/nhsuk/core" as *; // Stolen Manage prototype components :P @@ -12,7 +15,12 @@ @forward "components/participant-table"; //@forward "components/participant-search"; +//{% set containerClasses = "nhsuk-width-container-fluid" %} + // Add your custom CSS/Sass styles below. +.app-width-extended { + width: 1280px; +} .app-card-editable { display: flex; justify-content: space-between; diff --git a/app/views/_includes/primary-navigation.html b/app/views/_includes/primary-navigation.html index f0c1f3e..f68669e 100644 --- a/app/views/_includes/primary-navigation.html +++ b/app/views/_includes/primary-navigation.html @@ -1,6 +1,6 @@ {% from 'header/macro.njk' import header %} -{% macro primaryNavigation(activeItem, serviceName, bsoName) %} +{% macro primaryNavigation(activeItem, serviceName) %} {{ header({ account: { items: [ diff --git a/app/views/batches/index.html b/app/views/batches/index.html index 73515c5..780dbef 100644 --- a/app/views/batches/index.html +++ b/app/views/batches/index.html @@ -4,7 +4,7 @@ {% from "_includes/primary-navigation.html" import primaryNavigation %} {% block header %} - {{ primaryNavigation("Batches", serviceName, bsoName) }} + {{ primaryNavigation("Batches", serviceName) }} {% endblock %} {% block beforeContent %} diff --git a/app/views/clinics/clinic-detail.html b/app/views/clinics/clinic-detail.html index e382f45..07b1e9f 100644 --- a/app/views/clinics/clinic-detail.html +++ b/app/views/clinics/clinic-detail.html @@ -4,7 +4,7 @@ {% from "_includes/primary-navigation.html" import primaryNavigation %} {% block header %} - {{ primaryNavigation("Clinics", serviceName, bsoName) }} + {{ primaryNavigation("Clinics", serviceName) }} {% endblock %} {% block beforeContent %} diff --git a/app/views/clinics/day-slot-view.html b/app/views/clinics/day-slot-view.html index c607d7a..f62178b 100644 --- a/app/views/clinics/day-slot-view.html +++ b/app/views/clinics/day-slot-view.html @@ -4,7 +4,7 @@ {% from "_includes/primary-navigation.html" import primaryNavigation %} {% block header %} - {{ primaryNavigation("Clinics", serviceName, bsoName) }} + {{ primaryNavigation("Clinics", serviceName) }} {% endblock %} {% block beforeContent %} diff --git a/app/views/clinics/index.html b/app/views/clinics/index.html index 7fddb82..b5206c8 100644 --- a/app/views/clinics/index.html +++ b/app/views/clinics/index.html @@ -4,7 +4,7 @@ {% from "_includes/primary-navigation.html" import primaryNavigation %} {% block header %} - {{ primaryNavigation("Clinics", serviceName, bsoName) }} + {{ primaryNavigation("Clinics", serviceName) }} {% endblock %} {% block beforeContent %} diff --git a/app/views/z-september-transactional-journey/_includes/min-primary-navigation.html b/app/views/z-september-transactional-journey/_includes/min-primary-navigation.html index 28203c0..fc087e3 100644 --- a/app/views/z-september-transactional-journey/_includes/min-primary-navigation.html +++ b/app/views/z-september-transactional-journey/_includes/min-primary-navigation.html @@ -1,6 +1,6 @@ {% from 'header/macro.njk' import header %} -{% macro primaryNavigation(activeItem, serviceName, bsoName) %} +{% macro primaryNavigation(activeItem, serviceName) %} {{ header({ account: { items: [ diff --git a/app/views/z-september-transactional-journey/_includes/participant-search.html b/app/views/z-september-transactional-journey/_includes/participant-search.html index ac89e4b..0ba1965 100644 --- a/app/views/z-september-transactional-journey/_includes/participant-search.html +++ b/app/views/z-september-transactional-journey/_includes/participant-search.html @@ -1,64 +1,179 @@ -