ui/grid view: use flex gap instead of margins for cards

2026-02-17 20:07:01 +01:00 · 2026-02-17 20:36:01 +02:00
2 changed files with 1 additions and 2 deletions
--- 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 {
--- 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 {