From 743566efb1b21e07d7e6b112a377d5c694a1adb3 Mon Sep 17 00:00:00 2001
From: arabcoders <admin@arabcoders.org>
Date: Fri, 3 Oct 2025 00:08:36 +0300
Subject: [PATCH] Fixes issue with simple view and background toggle due to
 sharing same ID. ref #431

---
 ui/app/components/Settings.vue | 4 ++--
 ui/app/pages/console.vue       | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/ui/app/components/Settings.vue b/ui/app/components/Settings.vue
index 54c671cf..312f176b 100644
--- a/ui/app/components/Settings.vue
+++ b/ui/app/components/Settings.vue
@@ -19,8 +19,8 @@
                 </label>
                 <div class="control">
                   <div class="control">
-                    <input id="random_bg" type="checkbox" class="switch is-success" v-model="simpleMode">
-                    <label for="random_bg" class="is-unselectable">
+                    <input id="view_mode" type="checkbox" class="switch is-success" v-model="simpleMode">
+                    <label for="view_mode" class="is-unselectable">
                       &nbsp;{{ simpleMode ? 'Simple View' : 'Regular View' }}
                     </label>
                   </div>
diff --git a/ui/app/pages/console.vue b/ui/app/pages/console.vue
index 14293ba0..efbf7722 100644
--- a/ui/app/pages/console.vue
+++ b/ui/app/pages/console.vue
@@ -25,7 +25,7 @@
             <span class="icon">
               <i class="fa-solid fa-desktop" />
             </span>
-            <span class="ml-2">Console Output</span>
+            <span class="ml-2">Output</span>
           </p>
           <p class="card-header-icon">
             <span v-tooltip.top="'Clear console window'" class="icon" @click="clearOutput()">