Line up the illustrations

openaustralia · Feb 7, 2024 · 51205c9 · 51205c9
1 parent ebe40e2
commit 51205c9
Showing 1 changed file with 7 additions and 2 deletions.
diff --git 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| %>