From 3a064e9efe9b149fcd68427dbe741901fcafa5a4 Mon Sep 17 00:00:00 2001
From: brooke <brooke@myco.systems>
Date: Fri, 12 Jul 2024 22:37:31 -0400
Subject: [PATCH] update purchase cost styles in modal

---
 .../layouts/partials/rental_catalog.html      | 38 +++++++++++++------
 1 file changed, 26 insertions(+), 12 deletions(-)

diff --git a/themes/gallo/layouts/partials/rental_catalog.html b/themes/gallo/layouts/partials/rental_catalog.html
index c907e46..48a3e63 100644
--- a/themes/gallo/layouts/partials/rental_catalog.html
+++ b/themes/gallo/layouts/partials/rental_catalog.html
@@ -34,7 +34,9 @@
   class="mt-2 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-3 gap-4"
 >
   {{ range .Params.catalog }} {{ if ne .item "" }}
-  <div class="flex flex-col justify-between bg-white rounded-lg border p-4 relative ">
+  <div
+    class="flex flex-col justify-between bg-white rounded-lg border p-4 relative"
+  >
     <img
       loading="lazy"
       src="{{ .thumbnail }}"
@@ -61,7 +63,7 @@
         {{ end }} {{ if ne .dimensions "" }}
         <div class="gap-1 text-right flex flex-row justify-between">
           <strong>Dimensions:</strong>
-          <span >{{ .dimensions }}</span>
+          <span>{{ .dimensions }}</span>
         </div>
         {{ end }} {{ if ne .baseCost "" }}
         <div class="flex flex-row justify-between">
@@ -83,15 +85,19 @@
     </div>
     <div class="flex flex-col gap-4">
       {{ if ne .purchaseCost "" }}
-        <div class="flex flex-row justify-between border-[3px] rounded-lg px-4 h-10 py-[0.275rem] w-full">
-          <strong>Purchase Cost:</strong>
-          <span>{{ .purchaseCost }}</span>
-        </div>
-        {{ else }}
-        <div class="flex justify-center border-[3px] rounded-lg px-4 h-10 py-[0.275rem] text-gray-600 mt-4 w-full">
-          <strong>Purchase Unavailable</strong>
-        </div>
-        {{ end }}
+      <div
+        class="flex flex-row justify-between border-[3px] rounded-lg px-4 h-10 py-[0.275rem] w-full"
+      >
+        <strong>Purchase Cost:</strong>
+        <span>{{ .purchaseCost }}</span>
+      </div>
+      {{ else }}
+      <div
+        class="flex justify-center border-[3px] rounded-lg px-4 h-10 py-[0.275rem] text-gray-600 mt-4 w-full"
+      >
+        <strong>Purchase Unavailable</strong>
+      </div>
+      {{ end }}
       <a class="w-full h-8" href="#modal-{{ .item | urlize }}">
         <button
           type="button"
@@ -201,10 +207,18 @@
                       <span>{{ .installBreakdown }}</span>
                     </div>
                     {{ end }} {{ if ne .purchaseCost "" }}
-                    <div class="flex flex-row justify-between">
+                    <div
+                      class="flex flex-row justify-between border-[3px] rounded-lg px-4 h-10 py-[0.275rem] w-full mt-4"
+                    >
                       <strong>Purchase Cost:</strong>
                       <span>{{ .purchaseCost }}</span>
                     </div>
+                    {{ else }}
+                    <div
+                      class="flex justify-center border-[3px] rounded-lg px-4 h-10 py-[0.275rem] text-gray-600 mt-4 w-full"
+                    >
+                      <strong>Purchase Unavailable</strong>
+                    </div>
                     {{ end }}
                   </div>
                 </div>