From 51205c9d78ae3dc27c08ff2bca94f19c3e1aae39 Mon Sep 17 00:00:00 2001
From: Matthew Landauer <mlandauer@gmail.com>
Date: Wed, 7 Feb 2024 04:20:37 +0000
Subject: [PATCH] Line up the illustrations

---
 .../_tailwind/applications/_address_search.html.erb      | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/app/views/_tailwind/applications/_address_search.html.erb b/app/views/_tailwind/applications/_address_search.html.erb
index af946677c..c4faee730 100644
--- a/app/views/_tailwind/applications/_address_search.html.erb
+++ b/app/views/_tailwind/applications/_address_search.html.erb
@@ -6,7 +6,10 @@
 
 <div class="grid sm:grid-flow-col grid-rows-[repeat(4,_max-content)] auto-cols-fr gap-12 mt-20">
   <h2 class="text-3xl font-bold text-navy font-display">Most commented applications</h2>
-  <%= image_tag "tailwind/illustration/people-talking.svg", alt: "" %>
+  <%# Wrapping in a div to make the bottom of the illustrations match up %>
+  <div class="flex items-end">
+    <%= image_tag "tailwind/illustration/people-talking.svg", alt: "" %>
+  </div>
   <div class="space-y-8">
     <% Application.trending.limit(3).each do |application| %>
       <%= link_to application, class: "block focus:bg-sun-yellow" do %>
@@ -21,7 +24,9 @@
   </div>
   <%= pa_link_to "View more trending applications", trending_applications_path, class: "text-2xl mt-6" %>
   <h2 class="text-3xl font-bold text-navy font-display">Latest applications across Australia</h2>
-  <%= image_tag "tailwind/illustration/houses.svg", alt: "" %>
+  <div class="flex items-end">
+    <%= image_tag "tailwind/illustration/houses.svg", alt: "" %>
+  </div>
   <div class="space-y-8">
     <%# TODO: Probably want some ordering that shows applications from different places %>
     <% Application.order(first_date_scraped: :desc).limit(3).each do |application| %>