Fix new card buttons on mobile

app/assets/stylesheets/card-perma.css

@@ -299,6 +299,19 @@
     }
   }
 
+  .card-perma__notch-new-card-buttons {
+    display: flex;
+    gap: var(--inline-space-half);
+
+    @media (max-width: 479px) {
+      flex-direction: column;
+
+      .btn {
+        inline-size: 100%;
+      }
+    }
+  }
+
   .card-perma__closure-message {
     color: var(--card-color);
   }

app/views/cards/container/footer/_create.html.erb

@@ -1,5 +1,5 @@
 <div class="card-perma__notch card-perma__notch--bottom flex-column">
-  <div class="flex gap-half">
+  <div class="card-perma__notch-new-card-buttons">
     <%= button_to card_publish_path(card), name: "creation_type", value: "add", class: "btn",
           title: "Create card (#{ hotkey_label(["ctrl", "enter"]) })",
           form: { data: { controller: "form" } },