Fix differing border color and streamline current-articles.html

web/templates/current-articles.html

@@ -7,7 +7,7 @@
             <h3>Aktuelle Artikel</h3>
             <div class="flex flex-col gap-4">
                 {{range .}}
-                <div class="border px-2 py-1 rounded-md">
+                <div class="border border-slate-200 dark:border-slate-800 px-2 py-1 rounded-md">
                     <h1 class="font-bold text-2xl">{{.Title}}</h1>
                     <p>{{.Description}}</p>
                 </div>
@@ -17,20 +17,14 @@
 
         <div>
             <h3>Cover</h3>
-            <div class="flex">
+            <div class="grid grid-cols-2 gap-4 items-center">
+                <input class="h-full" name="issue-title" placeholder="Titel" type="text" />
                 <label class="btn text-center" for="image-upload">Bild hochladen</label>
                 <input class="hidden" id="image-upload" name="issue-image" type="file" required
                     hx-post="/issue/upload-image" />
             </div>
         </div>
 
-        <div>
-            <h3>Titel</h3>
-            <div class="flex flex-col gap-y-1">
-                <input name="issue-title" type="text" />
-            </div>
-        </div>
-
         <div>
             <h3>Über diese Ausgabe</h3>
             <div>