From 66d25b773bc494f4ba9b65f44fb2db98ab924d01 Mon Sep 17 00:00:00 2001
From: vicrodh <103399283+vicrodh@users.noreply.github.com>
Date: Sun, 22 Feb 2026 17:57:46 -0600
Subject: [PATCH] fix(ui): keybindings modal z-index and 2-column layout

---
 src/lib/components/KeyboardShortcutsModal.svelte | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/KeyboardShortcutsModal.svelte b/src/lib/components/KeyboardShortcutsModal.svelte
index 7d652ca03..6d556291e 100644
--- a/src/lib/components/KeyboardShortcutsModal.svelte
+++ b/src/lib/components/KeyboardShortcutsModal.svelte
@@ -148,7 +148,7 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    z-index: 1000;
+    z-index: 3000;
     backdrop-filter: blur(4px);
     animation: fadeIn 150ms ease-out;
   }
@@ -162,7 +162,7 @@
     background: var(--bg-secondary);
     border-radius: 12px;
     width: 90%;
-    max-width: 500px;
+    max-width: 660px;
     max-height: 80vh;
     display: flex;
     flex-direction: column;
@@ -225,10 +225,14 @@
     flex: 1;
     overflow-y: auto;
     padding: 20px;
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 0 24px;
   }
 
   .category-section {
     margin-bottom: 24px;
+    break-inside: avoid;
   }
 
   .category-section:last-child {
@@ -315,6 +319,7 @@
 
     .modal-content {
       padding: 16px;
+      grid-template-columns: 1fr;
     }
 
     .shortcut-row {