From 5eb4ca29c35075961cc3a5947ea559709d4cb4f0 Mon Sep 17 00:00:00 2001
From: soky srm <sokysrm@gmail.com>
Date: Sat, 10 Jan 2026 22:02:28 +0100
Subject: [PATCH] CSV drag&drop styling fixes (#604)

* CSV drop improvements

* FIX flex is fine
---
 app/views/imports/_drag_drop_overlay.html.erb | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/app/views/imports/_drag_drop_overlay.html.erb b/app/views/imports/_drag_drop_overlay.html.erb
index 504920a86..e737eb25b 100644
--- a/app/views/imports/_drag_drop_overlay.html.erb
+++ b/app/views/imports/_drag_drop_overlay.html.erb
@@ -1,7 +1,11 @@
-<div data-drag-and-drop-import-target="overlay" class="fixed inset-0 bg-primary/20 backdrop-blur-sm z-50 hidden flex items-center justify-center pointer-events-none">
-  <div class="text-center p-8 bg-container rounded-xl shadow-2xl border-2 border-dashed border-primary animate-in fade-in zoom-in duration-200">
-    <%= icon("upload", size: "xl", class: "text-primary mb-4 mx-auto w-16 h-16") %>
-    <h3 class="text-2xl font-semibold text-primary mb-2"><%= title %></h3>
-    <p class="text-secondary text-base"><%= subtitle %></p>
+<div data-drag-and-drop-import-target="overlay" class="fixed inset-0 bg-overlay backdrop-blur-sm z-50 hidden flex items-center justify-center pointer-events-none">
+  <div class="bg-container rounded-xl shadow-border-xs p-6 max-w-sm w-full mx-4 animate-in fade-in zoom-in duration-200">
+    <div class="flex flex-col items-center text-center">
+      <div class="w-12 h-12 rounded-full bg-indigo-500/10 flex items-center justify-center mb-4">
+        <%= icon("upload", class: "text-indigo-500 w-6 h-6") %>
+      </div>
+      <h3 class="text-lg font-medium text-primary mb-1"><%= title %></h3>
+      <p class="text-sm text-secondary"><%= subtitle %></p>
+    </div>
   </div>
-</div>
\ No newline at end of file
+</div>