Tweak spacing

openaustralia · Aug 30, 2024 · 194b876 · 194b876
1 parent 10ef825
commit 194b876
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/app/views/documentation/api_landing.html.erb b/app/views/documentation/api_landing.html.erb
@@ -13,7 +13,7 @@
   <%= image_tag "illustration/data.svg" %>
 </div>
 
-<div class="mt-8">
+<div class="mt-16">
   <%= render ProseComponent.new do %>
     <p>
       <%# TODO: Is this saying too much of the same thing as the "who uses our API" section below? %>
@@ -31,7 +31,7 @@
   <% end %>
 </div>
 
-<section class="pt-8 pb-16 mt-12 text-xl border-t text-navy border-t-light-grey2">
+<section class="pt-12 pb-16 mt-12 text-xl border-t text-navy border-t-light-grey2">
   <%= render HeadingComponent.new(tag: :h2, extra_classes: "mb-6").with_content("Who uses our API?") %>
   <div class="flex flex-col justify-between gap-8 sm:flex-row">
     <div class="max-w-2xl">
@@ -153,7 +153,7 @@
 
 <%# Only show this section if you don't have an API key yet %>
 <% if api_key.nil? %>
-  <section>
+  <section class="pb-16">
     <div class="flex flex-col items-center p-16 text-xl bg-light-grey text-navy">
       <%= render HeadingComponent.new(tag: :h2) do %>
         Instant access <%= ApiKey.default_trial_duration_days %> day trial
@@ -184,7 +184,7 @@
   </section>
 <% end %>
 
-<section class="pt-8 pb-16 text-xl border-t border-t-light-grey2 text-navy">
+<section class="pt-12 pb-16 text-xl border-t border-t-light-grey2 text-navy">
   <%= render HeadingComponent.new(tag: :h2, extra_classes: "mb-6").with_content("What's in the API?") %>
   <div class="flex flex-col items-start justify-between gap-8 sm:flex-row">
     <div class="max-w-2xl">
@@ -230,14 +230,14 @@
   <%= render HeadingComponent.new(tag: :h2, extra_classes: "mb-6") do %>
     Trustworthy and up to date data
   <% end %>
-  <div class="flex gap-16">
-    <p>
+  <div class="flex justify-between gap-16">
+    <p class="max-w-2xl">
       <%# TODO: Add something about complex automations and data integrity checks, etc.. %>
       We've been doing this for more than 14 years with an extremely experienced team.
       Leverage that for your own needs rather than trying to reinvent the wheel.
     </p>
-    <div class="font-bold text-lavender font-display text-9xl shrink-0">
-      14 <span class="relative text-3xl top-3 -left-6">yrs</span>
+    <div class="font-bold text-lavender font-display text-8xl shrink-0">
+      14 <span class="relative text-2xl top-3 -left-6">yrs</span>
     </div>
   </div>
 </section>