From 25a3d87c0c6ddc873af01560ee1d5cbc12b03056 Mon Sep 17 00:00:00 2001
From: Zynh0722 <Zynh0722@gmail.com>
Date: Wed, 15 Nov 2023 15:18:00 -0800
Subject: [PATCH] grid!

---
 templates/components/home_fragment.rs.html       | 8 ++++----
 templates/components/management_fragment.rs.html | 6 +++---
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/templates/components/home_fragment.rs.html b/templates/components/home_fragment.rs.html
index 32b062a..26ea4a2 100644
--- a/templates/components/home_fragment.rs.html
+++ b/templates/components/home_fragment.rs.html
@@ -3,18 +3,18 @@
 
 @(open_shift: Option<Shift>)
 
-<main>
-  <div>
+<main class="grid grid-rows-6 grid-cols-3 grid-flow-col h-full">
+  <div class="flex justify-center items-center">
     @:shift_button_html(open_shift.as_ref())
   </div>
   @if open_shift.is_some() {
-  <div hx-boost="true">
+  <div hx-boost="true" class="flex justify-center items-center">
     <a href="/shifts/@open_shift.unwrap().id/drinks">
       <button type="button">Drinks</button>
     </a>
   </div>
   }
-  <div hx-boost="true">
+  <div hx-boost="true" class="flex justify-center items-center">
     <a href="/management">
       <button type="button">Management</button>
     </a>
diff --git a/templates/components/management_fragment.rs.html b/templates/components/management_fragment.rs.html
index 4dafdc7..5ccf009 100644
--- a/templates/components/management_fragment.rs.html
+++ b/templates/components/management_fragment.rs.html
@@ -2,16 +2,16 @@
 
 @()
 
-<main>
+<main class="grid grid-rows-6 grid-cols-3 grid-flow-col h-full">
   <div class="fixed right-0 top-0 pr-4 pt-4">
     @:return_to_main_html()
   </div>
-  <div hx-boost="true">
+  <div hx-boost="true" class="flex justify-center items-center">
     <a href="/management/dancers">
       <button type="button">Dancers</button>
     </a>
   </div>
-  <div hx-boost="true">
+  <div hx-boost="true" class="flex justify-center items-center">
     <a href="/shift_reports">
       <button type="button">Shift Reports</button>
     </a>