From fdfc7fec661a2d09d06adfdd6f513f5cd56c6b05 Mon Sep 17 00:00:00 2001 From: Martyn Whitwell Date: Mon, 13 May 2024 15:23:23 +0100 Subject: [PATCH] Fix alignment of mailing list title (#3973) * Fix alignment of mailing list title * Update mailing_list_component.html.erb * Update mailing-list.scss * Update mailing-list.scss * Update mailing-list.scss --- .../home/mailing_list_component.html.erb | 6 +++++- app/webpacker/styles/components/mailing-list.scss | 15 +++++++++++++++ 2 files changed, 20 insertions(+), 1 deletion(-) diff --git a/app/components/home/mailing_list_component.html.erb b/app/components/home/mailing_list_component.html.erb index 9e19939e09..6ef41be344 100644 --- a/app/components/home/mailing_list_component.html.erb +++ b/app/components/home/mailing_list_component.html.erb @@ -2,7 +2,11 @@
-

Sign up for our emails

+

+ + Sign up for our emails +

+

Everything you need to know to start a career in teaching sent straight into your inbox. Tailored to your own situation, you'll get all the latest information as well as advice and support. diff --git a/app/webpacker/styles/components/mailing-list.scss b/app/webpacker/styles/components/mailing-list.scss index 38319e0f4e..6208810a73 100644 --- a/app/webpacker/styles/components/mailing-list.scss +++ b/app/webpacker/styles/components/mailing-list.scss @@ -25,6 +25,21 @@ position: relative; } + h2.mailing-list-title { + display: flex; + flex-wrap: nowrap; + align-items: center; + + & > i { + flex-basis: auto; + } + + & > span { + display: inline-block; + padding-left: .3em; + } + } + h2::before { content: ""; background-image: url("../images/content/homepage/dashed-lineV2.svg");