From 29f77afdcf7c30ed225651625d3b076ed8ceea04 Mon Sep 17 00:00:00 2001
From: Bastian Masanek <bastian.masanek@experimenta.science>
Date: Mon, 3 Nov 2025 16:39:21 +0100
Subject: [PATCH] Enhance CartItem component with non-selectable elements

- Added 'select-none' class to subtotal and remove button in CartItem.vue to prevent text selection during user interaction, improving the overall user experience.
---
 app/components/Cart/CartItem.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/components/Cart/CartItem.vue b/app/components/Cart/CartItem.vue
index 02c7fbf..c8743bc 100644
--- a/app/components/Cart/CartItem.vue
+++ b/app/components/Cart/CartItem.vue
@@ -154,7 +154,7 @@ const placeholderImage = '/img/makerspace-jk-2025.jpg'
         <!-- Subtotal + Remove Button -->
         <div class="flex items-center gap-2">
           <!-- Subtotal -->
-          <div class="flex flex-col text-right">
+          <div class="flex flex-col text-right select-none">
             <div class="text-xs text-white/60 uppercase tracking-wide">
               Summe
             </div>
@@ -164,7 +164,7 @@ const placeholderImage = '/img/makerspace-jk-2025.jpg'
           </div>
 
           <!-- Remove Button (Mobile) -->
-          <Button variant="ghost" size="icon" class="sm:hidden text-white/60 hover:text-red hover:bg-red/10 h-8 w-8"
+          <Button variant="ghost" size="icon" class="sm:hidden text-white/60 hover:text-red hover:bg-red/10 h-8 w-8 select-none"
             :disabled="loading" @click="handleRemove">
             <Trash2 class="h-4 w-4" />
           </Button>