diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss index 4f45087b59..749a5e83eb 100644 --- a/app/assets/stylesheets/application.scss +++ b/app/assets/stylesheets/application.scss @@ -32,6 +32,7 @@ @use "pages/casa_cases"; @use "pages/casa_org"; @use "pages/case_contacts"; +@use "pages/case_contacts_form"; @use "pages/court_dates"; @use "pages/emancipation"; @use "pages/feature_flags"; diff --git a/app/assets/stylesheets/pages/case_contacts_form.scss b/app/assets/stylesheets/pages/case_contacts_form.scss new file mode 100644 index 0000000000..6007418ba6 --- /dev/null +++ b/app/assets/stylesheets/pages/case_contacts_form.scss @@ -0,0 +1,31 @@ +@use "../base/breakpoints.scss" as screen-sizes; + +.case-contacts-form { + &-buttons { + display: flex; + justify-content: flex-end; + gap: 10px; + + @media only screen and (max-width: screen-sizes.$mobile) { + & > a, & > button { + flex-grow: 1; + } + } + } + + &-checkbox { + border-color: #757575; + } + + &-title { + @media only screen and (max-width: screen-sizes.$mobile) { + font-size: 28px; + } + } + + &-subtitle { + @media only screen and (max-width: screen-sizes.$mobile) { + font-size: 24px; + } + } +} \ No newline at end of file diff --git a/app/components/form/title_component.html.erb b/app/components/form/title_component.html.erb index 8ce253565d..4935a40d4a 100644 --- a/app/components/form/title_component.html.erb +++ b/app/components/form/title_component.html.erb @@ -1,14 +1,14 @@
diff --git a/app/views/case_contacts/form/details.html.erb b/app/views/case_contacts/form/details.html.erb index 26d5acb0b1..f5e9308627 100644 --- a/app/views/case_contacts/form/details.html.erb +++ b/app/views/case_contacts/form/details.html.erb @@ -14,7 +14,7 @@ casa_case.id, @case_contact.draft_case_ids.include?(casa_case.id), id: "case_contact_draft_case_id_#{casa_case.id}", - class: ["form-check-input", "casa-case-id"] %> + class: ["form-check-input", "casa-case-id", "case-contacts-form-checkbox"] %> @@ -37,7 +37,7 @@ <%= form.radio_button :contact_made, true, checked: @case_contact.contact_made, required: true, - class: 'form-check-input' %> + class: ["form-check-input", "case-contacts-form-checkbox"] %> <%= form.label "Yes", class: "form-check-label", for: "case_contact_contact_made_true" %>