Improve spacing and sizing

JHWelch · Dec 2, 2023 · 2f164e5 · 2f164e5
1 parent bd3a213
commit 2f164e5
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 6 deletions.
diff --git a/views/partials/movie.ejs b/views/partials/movie.ejs
@@ -1,5 +1,5 @@
-<div :class="`px-3 sm:${movieSizeClasses(week)}`">
-  <div class="flex flex-col px-4 py-2 rounded-md bg-violet-200 ">
+<div :class="`px-3 max-w-lg lg:px-5 sm:${movieSizeClasses(week)}`">
+  <div class="flex flex-col px-4 py-2 rounded-md bg-violet-200">
     <h4 class="flex items-center justify-between h-12 md:px-2">
       <span
         x-text="movie.title"

diff --git a/views/partials/movies.ejs b/views/partials/movies.ejs
@@ -1,4 +1,4 @@
-<div class="flex flex-wrap justify-center mt-2 space-y-4 max-w-9xl">
+<div class="flex flex-wrap justify-center mt-2 space-y-4 max-w-9xl md:space-y-8">
   <template x-for="movie in week.movies">
     <%- include('movie.ejs', { showEventDetails }); %>
   </template>

diff --git a/views/partials/week.ejs b/views/partials/week.ejs
@@ -1,6 +1,6 @@
 <div class="flex flex-col items-center mt-12 mb-12">
-  <div class="w-full max-w-4xl px-4">
-    <div class="flex flex-col md:flex-row md:justify-between md:items-center">
+  <div class="w-full max-w-4xl px-4 sm:px-8">
+    <div class="flex flex-col gap-6 md:flex-row md:justify-between md:items-center">
       <h3 class="flex flex-col">
         <span
           class="text-lg font-light text-violet-700"
@@ -25,7 +25,6 @@
 
           <%- include('icons/rsvp', { htmlClass: 'w-6 h-6 text-white' }) %>
         </button>
-
       <% } %>
     </div>
   </div>