Merge branch 'feature/13-runner-management' of https://git.odit.services/lfk/frontend into feature/13-runner-management

ref #13

src/components/ImportRunnerModal.svelte

@@ -159,10 +159,13 @@
                 <path
                   d="M9.83 8.79L8 9.456V13H6V8.05h.015l5.268-1.918c.244-.093.51-.14.782-.131a2.616 2.616 0 0 1 2.427 1.82c.186.583.356.977.51 1.182A4.992 4.992 0 0 0 19 11v2a6.986 6.986 0 0 1-5.402-2.547l-.581 3.297L15 15.67V23h-2v-5.986l-2.05-1.987-.947 4.298-6.894-1.215.348-1.97 4.924.868L9.83 8.79zM13.5 5.5a2 2 0 1 1 0-4 2 2 0 0 1 0 4z" /></svg>
             </div>
-            <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full">
-              <h3 class="text-lg leading-6 font-medium text-gray-900">
+            <div class="mt-3 text-center sm:mt-0 sm:ml-2 sm:text-left w-full">
+              <h3 class="text-lg leading-6 font-bold mt-2 text-gray-900">
                 {$_('runner-import')}
               </h3>
+            </div>
+          </div>
+          <div class="mt-5 text-center sm:mt-0 sm:ml-2 sm:text-left w-full">
             {#if json_output.length === 0}
               <div class="mt-2 mb-6">
                 <p class="text-sm text-gray-500">
@@ -203,8 +206,8 @@
                 aria-label={$_('datatable.search')}
                 class="p-2 w-full" />
               <div class="relative w-full mt-4 mb-4">
-                  <table
-                    class="divide-y divide-gray-200 w-full overflow-x-scroll">
+                <div class="w-full overflow-x-auto">
+                  <table class="divide-y divide-gray-200 w-full">
                     <thead class="bg-gray-50">
                       <tr>
                         <th
@@ -257,6 +260,7 @@
                       {/each}
                     </tbody>
                   </table>
+                </div>
                 <button
                   on:click={importAction}
                   type="button"
@@ -279,5 +283,4 @@
       </div>
     </div>
   </div>
-  </div>
 {/if}