Fix card grid layout

app/assets/stylesheets/card-columns.css

@@ -271,17 +271,10 @@
     --cards-gap: 1rem;
     --card-grid-columns: 1;
 
-    align-items: start;
     container-type: inline-size;
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    gap: var(--cards-gap);
-    justify-content: center;
     inline-size: 100%;
     margin-inline: auto;
     max-inline-size: var(--main-width);
-    padding-inline: 1ch;
 
     @media (min-width: 640px) {
       --card-grid-columns: 2;
@@ -292,7 +285,13 @@
     }
 
     .cards__list {
-      display: contents;
+      align-items: start;
+      display: flex;
+      flex-direction: row;
+      flex-wrap: wrap;
+      gap: var(--cards-gap);
+      justify-content: center;
+      padding: 1ch;
     }
 
     .card {

app/views/boards/show/_columns.html.erb

@@ -27,7 +27,7 @@
     <%= render "boards/show/not_now", board: board %>
   </div>
 
-  <%= render "boards/show/maybe", board: board, page: page %>
+  <%= render "boards/show/stream", board: board, page: page %>
 
   <div class="card-columns__right">
     <%= render partial: "boards/show/column", collection: board.columns.sorted, cached: ->(column){ [ column, column.leftmost?, column.rightmost? ] } %>

app/views/columns/cards/drops/streams/create.turbo_stream.erb

@@ -1 +1 @@
-<%= turbo_stream.replace("maybe", partial: "boards/show/maybe", method: :morph, locals:{ board: @card.board, page: @page }) %>
+<%= turbo_stream.replace("maybe", partial: "boards/show/stream", method: :morph, locals:{ board: @card.board, page: @page }) %>

app/views/public/boards/show/_columns.html.erb

@@ -10,7 +10,7 @@
       <%= render "public/boards/show/not_now", board: board %>
     </div>
 
-    <%= render "public/boards/show/maybe", board: board, page: page %>
+    <%= render "public/boards/show/stream", board: board, page: page %>
 
     <div class="card-columns__right">
       <%= render partial: "public/boards/show/column", collection: board.columns, cached: true %>