Place button on a row instead of column

Author: auri-f5bde6

src/renderer/views/Config.vue

@@ -539,7 +539,7 @@
                 </x-card>
 
                 <!-- LogCard -->
-                <LogCard></LogCard>
+                <LogsCard></LogsCard>
             </div>
         </div>
 
@@ -638,7 +638,7 @@ import {
     DEFAULT_HOST_QMP_PORT,
 } from "../lib/constants";
 import { PortManager } from "../utils/port";
-import LogCard from "./config/LogCard.vue";
+import LogsCard from "./config/LogsCard.vue";
 const { app }: typeof import("@electron/remote") = require("@electron/remote");
 
 // Emits

src/renderer/views/config/LogCard.vue src/renderer/views/config/LogsCard.vuesrc/renderer/views/config/LogCard.vue renamed to src/renderer/views/config/LogsCard.vue

@@ -21,7 +21,7 @@ import { Icon } from "@iconify/vue";
             </div>
             <p class="text-neutral-400 text-[0.9rem] !pt-0 !mt-0">Select the log you want to open</p>
         </div>
-        <div class="flex flex-col gap-2 justify-center items-center" style="font-size: 0.8125rem">
+        <div class="flex flex-row gap-2 justify-center items-center" style="font-size: 0.8125rem">
             <x-button
                 @click="
                     logTitle = 'Winboat log (winboat.log)';