improve form layout

fet2020/static/css/styles.css

@@ -3975,6 +3975,11 @@ footer .copyright {
   gap: 1.5rem;
 }
 
+.gap-x-0 {
+  -moz-column-gap: 0px;
+       column-gap: 0px;
+}
+
 .gap-x-2 {
   -moz-column-gap: 0.5rem;
        column-gap: 0.5rem;
@@ -5639,6 +5644,11 @@ footer .copyright {
     gap: 1.5rem;
   }
 
+  .sm\:gap-x-6 {
+    -moz-column-gap: 1.5rem;
+         column-gap: 1.5rem;
+  }
+
   .sm\:gap-y-6 {
     row-gap: 1.5rem;
   }

fet2020/templates/finance/resolution_list.html

@@ -11,7 +11,7 @@
     </a>
 
     <form action="" method="GET">
-        <div class="grid grid-cols-1 gap-x-6 gap-y-6 lg:grid-cols-6 sm:grid-cols-3 pb-6 lg:pt-0 pt-4">
+        <div class="grid grid-cols-1 sm:gap-x-6 gap-x-0 gap-y-6 lg:grid-cols-6 sm:grid-cols-3 pb-6 lg:pt-0 pt-4">
           <button
             id="filterDropdownButton"
             data-dropdown-toggle="filterDropdown"
@@ -51,10 +51,11 @@
                 name="q"
                 value="{{ q }}"
                 placeholder="Suche"
-                class="w-full"
+                class="w-full h-full"
+                autofocus
             >
           </div>
-  
+
           <button type="submit" class="block btn btn-primary" name="" value="Submit">Anwenden</button>
         </div>