From 0e164b9daa86b75690ac066e9bbf1cdb47f8d98a Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 31 Jan 2026 11:50:14 +0200
Subject: [PATCH] chore(collections): fix alignment of collection properties in
 relation to content

---
 apps/client/src/widgets/collections/NoteList.css          | 8 ++------
 apps/client/src/widgets/collections/calendar/index.css    | 3 ++-
 apps/client/src/widgets/collections/table/index.css       | 1 -
 .../client/src/widgets/containers/scrolling_container.css | 2 +-
 .../client/src/widgets/note_bars/CollectionProperties.css | 6 +++---
 5 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/apps/client/src/widgets/collections/NoteList.css b/apps/client/src/widgets/collections/NoteList.css
index bdc6b3dc7d..d320f9d4fc 100644
--- a/apps/client/src/widgets/collections/NoteList.css
+++ b/apps/client/src/widgets/collections/NoteList.css
@@ -1,7 +1,7 @@
 .note-list-widget {
     min-height: 0;
     max-width: var(--max-content-width); /* Inherited from .note-split */
- 
+
     overflow: auto;
     contain: none !important;
 }
@@ -11,10 +11,6 @@ body.prefers-centered-content .note-list-widget:not(.full-height) {
     margin-inline: auto;
 }
 
-.note-list-widget .note-list {
-    padding-block: 10px;
-}
-
 .note-list-widget.full-height,
 .note-list-widget.full-height .note-list-widget-content {
     height: 100%;
@@ -29,4 +25,4 @@ body.prefers-centered-content .note-list-widget:not(.full-height) {
     text-decoration: underline;
     font-weight: bold;
 }
-/* #endregion */
\ No newline at end of file
+/* #endregion */
diff --git a/apps/client/src/widgets/collections/calendar/index.css b/apps/client/src/widgets/collections/calendar/index.css
index e8e0b56ddc..a6da3fce8c 100644
--- a/apps/client/src/widgets/collections/calendar/index.css
+++ b/apps/client/src/widgets/collections/calendar/index.css
@@ -21,7 +21,7 @@
     outline: 0;
     height: 100%;
     user-select: none;
-    padding: 10px;
+    padding: 0;
 
     @media (max-width: 991px) {
         padding: 0;
@@ -52,6 +52,7 @@
     --fc-border-color: var(--main-border-color);
     --fc-neutral-bg-color: var(--launcher-pane-background-color);
     --fc-list-event-hover-bg-color: var(--left-pane-item-hover-background);
+    padding: 0 12px;
 }
 
 .calendar-container .fc-list-sticky .fc-list-day > * {
diff --git a/apps/client/src/widgets/collections/table/index.css b/apps/client/src/widgets/collections/table/index.css
index 897a87b512..46c2cd2728 100644
--- a/apps/client/src/widgets/collections/table/index.css
+++ b/apps/client/src/widgets/collections/table/index.css
@@ -3,7 +3,6 @@
     position: relative;
     height: 100%;
     user-select: none;
-    padding: 0 5px 0 10px;
 
     .tabulator-tableholder {
         height: unset !important;
diff --git a/apps/client/src/widgets/containers/scrolling_container.css b/apps/client/src/widgets/containers/scrolling_container.css
index 36d277a17c..2a2adb1475 100644
--- a/apps/client/src/widgets/containers/scrolling_container.css
+++ b/apps/client/src/widgets/containers/scrolling_container.css
@@ -5,7 +5,7 @@
 
     > .inline-title,
     > .note-detail > .note-detail-editable-text,
-    > .note-list-widget:not(.full-height) {
+    > .note-list-widget:not(.full-height) .note-list-wrapper {
         padding-inline: 24px;
     }
 
diff --git a/apps/client/src/widgets/note_bars/CollectionProperties.css b/apps/client/src/widgets/note_bars/CollectionProperties.css
index 5d76a25fe8..ad58a247a1 100644
--- a/apps/client/src/widgets/note_bars/CollectionProperties.css
+++ b/apps/client/src/widgets/note_bars/CollectionProperties.css
@@ -1,12 +1,11 @@
 .collection-properties {
-    padding: 0;
+    padding: 0.55em 12px;
     display: flex;
     gap: 0.25em;
     align-items: center;
     width: 100%;
     max-width: unset;
     font-size: 0.8em;
-    margin-bottom: 1em;
 
     .dropdown-menu {
         input.form-control {
@@ -30,10 +29,11 @@
 
     @media (max-width: 991px) {
         flex-wrap: wrap;
-        margin-bottom: 0.5em;
+        padding: 0.55em 1em;
 
         >div {
             flex-grow: 1;
+            justify-content: center;
         }
     }
 }