From e0766ad439e9fd129e1d0b06a46101363f4d66f1 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sun, 15 Feb 2026 15:25:28 +0200
Subject: [PATCH] feat(mobile): display grid view on two columns

---
 apps/client/src/widgets/collections/legacy/ListOrGridView.css | 4 ++++
 apps/client/src/widgets/containers/scrolling_container.css    | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/apps/client/src/widgets/collections/legacy/ListOrGridView.css b/apps/client/src/widgets/collections/legacy/ListOrGridView.css
index 1bfa389e5c..722e747ef0 100644
--- a/apps/client/src/widgets/collections/legacy/ListOrGridView.css
+++ b/apps/client/src/widgets/collections/legacy/ListOrGridView.css
@@ -128,6 +128,10 @@
     border: 1px solid transparent;
 }
 
+body.mobile .note-list.grid-view .note-book-card {
+    flex-basis: 150px;
+}
+
 .note-list.grid-view .note-book-card {
     max-height: 300px;
 }
diff --git a/apps/client/src/widgets/containers/scrolling_container.css b/apps/client/src/widgets/containers/scrolling_container.css
index 0e590801c4..a3fae557a3 100644
--- a/apps/client/src/widgets/containers/scrolling_container.css
+++ b/apps/client/src/widgets/containers/scrolling_container.css
@@ -19,6 +19,10 @@
     }
 }
 
+body.mobile .scrolling-container {
+    --content-margin-inline: 8px;
+}
+
 .note-split.type-code:not(.mime-text-x-sqlite) {
     &> .scrolling-container {
         background-color: var(--code-background-color);