From 05eefe7dd0cf67a793a36eac93e10176a32a6246 Mon Sep 17 00:00:00 2001
From: nerkn <erkintek@gmail.com>
Date: Sun, 27 Oct 2024 21:42:34 +0000
Subject: [PATCH] unselectable class added

---
 src/components/mini-widgets/ArmerButton.vue | 2 +-
 src/styles/global.css                       | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/mini-widgets/ArmerButton.vue b/src/components/mini-widgets/ArmerButton.vue
index 9de910457..7e85420e1 100644
--- a/src/components/mini-widgets/ArmerButton.vue
+++ b/src/components/mini-widgets/ArmerButton.vue
@@ -13,7 +13,7 @@
           : 'bg-green-700 hover:bg-green-800 text-slate-400 justify-start left-[4%]'
       "
     >
-      <span class="inline-block font-extrabold align-middle">
+      <span class="inline-block font-extrabold align-middle unselectable">
         {{ vehicleStore.isArmed === undefined ? '...' : vehicleStore.isArmed ? 'Armed' : 'Disarmed' }}
       </span>
     </div>
diff --git a/src/styles/global.css b/src/styles/global.css
index bce12749b..f5604b024 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -61,6 +61,9 @@
 select:focus {
     outline: none;
 }
+.unselectable {
+    user-select: none;
+}
 
 @keyframes highlightBackground {
     0% { background-color: rgba(255, 234, 43, 0.438); }