Replace .cue-card CSS with Tailwind

Author: mahutt

cue-client/src/components/card-form.tsx

@@ -37,7 +37,7 @@ export default function CardForm({
 
     return (
         <div
-            className="card-form cue-card"
+            className="card-form w-full max-w-[750px] flex flex-row flex-wrap gap-4"
             onKeyDown={(e) => {
                 if (e.key === 'Enter') {
                     e.preventDefault();

cue-client/src/index.css

@@ -92,17 +92,6 @@ main #content {
     gap: 2rem;
     align-items: center;
 }
-.cue-card {
-    width: 100%;
-    max-width: 750px;
-
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-
-    gap: 1rem;
-    border-radius: 0.5rem;
-}
 .card-face {
     position: relative;
 }