From 516f0052efcd7f87cd3f66d1e1df50fe257ae964 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Tue, 17 Feb 2026 20:36:01 +0200
Subject: [PATCH] ui/grid view: use flex gap instead of margins for cards

---
 apps/client/src/stylesheets/theme-next/base.css               | 1 -
 apps/client/src/widgets/collections/legacy/ListOrGridView.css | 2 +-
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/apps/client/src/stylesheets/theme-next/base.css b/apps/client/src/stylesheets/theme-next/base.css
index 9e39b2f002..f7d65c765f 100644
--- a/apps/client/src/stylesheets/theme-next/base.css
+++ b/apps/client/src/stylesheets/theme-next/base.css
@@ -655,7 +655,6 @@ li.dropdown-item a.dropdown-item-button:focus-visible {
     border-radius: 12px;
     user-select: none;
     padding: 0;
-    margin: 5px 10px 5px 0;
 }
 
 :root .note-list .note-book-card:hover {
diff --git a/apps/client/src/widgets/collections/legacy/ListOrGridView.css b/apps/client/src/widgets/collections/legacy/ListOrGridView.css
index 222682cc9f..adc6c8b2b3 100644
--- a/apps/client/src/widgets/collections/legacy/ListOrGridView.css
+++ b/apps/client/src/widgets/collections/legacy/ListOrGridView.css
@@ -8,7 +8,6 @@
     border-radius: 10px;
     background-color: var(--accented-background-color);
     padding: 10px 15px 15px 8px;
-    margin: 5px 5px 5px 5px;
     overflow: hidden;
     display: flex;
     flex-direction: column;
@@ -304,6 +303,7 @@
 .note-list.grid-view .note-list-container {
     display: flex;
     flex-wrap: wrap;
+    gap: 10px;
 }
 
 .note-list.grid-view .note-book-card {