update mobile view

themes/gallo/layouts/partials/carousel.html

@@ -17,12 +17,12 @@
     </div>
 
     <button
-      class="absolute top-1/2 left-4 transform -translate-y-1/2 text-white p-1 px-3 rounded-xl font-extrabold carousel-prev z-20 bg-black hover:bg-gray-800 focus:outline-none active:ring-2 active:ring-offset-2 active:ring-black"
+      class="absolute top-1/2 left-4 transform -translate-y-1/2 text-xl sm:text-md text-white p-2 px-4 sm:p-1 sm:px-3 rounded-xl font-extrabold carousel-prev z-20 bg-black hover:bg-gray-800 focus:outline-none active:ring-2 active:ring-offset-2 active:ring-black"
     >
       &lt;
     </button>
     <button
-      class="absolute top-1/2 right-4 transform -translate-y-1/2 text-white p-1 px-3 rounded-xl font-extrabold carousel-next z-20 bg-black hover:bg-gray-800 focus:outline-none active:ring-2 active:ring-offset-2 active:ring-black"
+      class="absolute top-1/2 right-4 transform -translate-y-1/2 text-xl sm:text-md text-white p-2 px-4 sm:p-1 sm:px-3 rounded-xl font-extrabold carousel-next z-20 bg-black hover:bg-gray-800 focus:outline-none active:ring-2 active:ring-offset-2 active:ring-black"
     >
       &gt;
     </button>

themes/gallo/layouts/partials/rental_catalog.html

@@ -141,7 +141,10 @@
                 <div class="flex flex-col sm:flex-row">
                   {{ if .gallery }} {{ partial "carousel.html" . }} {{ end }}
                   <div class="z-20 pt-4 sm:pl-4 w-full md:w-1/3 sm:w-1/2">
-                    <div class="text-md text-gray-800 text-base">
+                    <div
+                      class="flex flex-col h-full justify-between text-md text-gray-800 text-base"
+                    >
+                      <div>
                         <div>
                           {{ if ne .deliveryPickup "" }}
                           <div class="flex flex-row justify-between">
@@ -181,6 +184,7 @@
                           </div>
                           {{ end }}
                         </div>
+                      </div>
                       <button
                         id="close-modal"
                         class="z-20 w-full inline-flex justify-center rounded-md border border-transparent shadow-sm p-1 mt-4 bg-black text-base font-sm text-white hover:bg-gray-800 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black"