From 48494bd17d0aca308f0913fb393c671cefb142c5 Mon Sep 17 00:00:00 2001
From: Chris Lowis <chris.lowis@gmail.com>
Date: Fri, 9 Aug 2024 16:25:57 +0100
Subject: [PATCH] Restyle SectionComponent

To more closely match the designs we have in Figma.
---
 .../section_component/section_component.html.erb   | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/app/components/section_component/section_component.html.erb b/app/components/section_component/section_component.html.erb
index 3b1df632..4a78f033 100644
--- a/app/components/section_component/section_component.html.erb
+++ b/app/components/section_component/section_component.html.erb
@@ -1,9 +1,9 @@
-<section class="mt-6 mb-12">
-  <h2 class="text-slate-400 mb-3 uppercase"><%= @title %></h2>
-
-  <%= content %>
-
-  <div class="flex justify-end">
-    <%= text_link_to @link_text, @link_path %>
+<section class="divide-y divide-slate-300">
+  <div class="flex justify-between content-baseline">
+    <h2 class="text-slate-800 font-semibold text-lg"><%= @title %></h2>
+    <%= link_to @link_text, @link_path, class: 'text-red-400 hover:underline' %>
+  </div>
+  <div class="pt-3">
+    <%= content %>
   </div>
 </section>