From 3982e2f25fde362bbba0b883d1ced5f0b9613dd1 Mon Sep 17 00:00:00 2001
From: "Janus C. H. Knudsen" <janus007@gmail.com>
Date: Tue, 7 Oct 2025 17:21:23 +0200
Subject: [PATCH] Improves resize handle appearance

Enhances the visual design of the resize handle for calendar events, making it more prominent and user-friendly.

- Updates the handle's styling with a darker background, increased size, and refined shadow.
- Replaces grip dots with grip lines for a cleaner look.
---
 wwwroot/css/calendar-events-css.css | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/wwwroot/css/calendar-events-css.css b/wwwroot/css/calendar-events-css.css
index 0a4f544..2763116 100644
--- a/wwwroot/css/calendar-events-css.css
+++ b/wwwroot/css/calendar-events-css.css
@@ -73,34 +73,34 @@ swp-day-columns swp-event:hover {
 /* Resize handle indicator - created by JavaScript */
 swp-resize-indicator {
   position: absolute;
-  bottom: -3px;
+  bottom: -4px;
   left: 50%;
   transform: translateX(-50%);
-  width: 40px;
-  height: 6px;
-  background: var(--color-primary);
-  border-radius: 3px;
+  width: 50px;
+  height: 8px;
+  background: #6b7280;
+  border-radius: 4px;
   pointer-events: none;
   z-index: 30;
   opacity: 0;
-  animation: fadeIn 0.3s ease forwards;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
+  animation: fadeIn 0.2s ease forwards;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
+  border: 1px solid rgba(255, 255, 255, 0.3);
 }
 
-/* Grip dots on handle */
+/* Grip lines on handle */
 swp-resize-indicator::before {
   content: '';
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
-  width: 12px;
+  width: 20px;
   height: 2px;
-  background: rgba(255, 255, 255, 0.7);
+  background: rgba(255, 255, 255, 0.8);
   border-radius: 1px;
-  box-shadow:
-    -5px 0 0 rgba(255, 255, 255, 0.7),
-    5px 0 0 rgba(255, 255, 255, 0.7);
+  box-shadow: 0 -2px 0 rgba(255, 255, 255, 0.8),
+              0 2px 0 rgba(255, 255, 255, 0.8);
 }
 
 @keyframes fadeIn {