From 5b263fe30703306b6da6655e800d83ff242e941e Mon Sep 17 00:00:00 2001
From: pirhoo <hello@pirhoo.com>
Date: Mon, 18 Nov 2024 15:01:16 +0100
Subject: [PATCH] feat: adjust header padding

---
 .../Document/DocumentEntries/DocumentEntriesGrid.vue          | 4 ++--
 .../Document/DocumentEntries/DocumentEntriesHeader.vue        | 1 +
 .../Document/DocumentEntries/DocumentEntriesList.vue          | 2 +-
 .../Document/DocumentEntries/DocumentEntriesTable.vue         | 2 +-
 4 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/Document/DocumentEntries/DocumentEntriesGrid.vue b/src/components/Document/DocumentEntries/DocumentEntriesGrid.vue
index 07715c8e9..6ea042f11 100644
--- a/src/components/Document/DocumentEntries/DocumentEntriesGrid.vue
+++ b/src/components/Document/DocumentEntries/DocumentEntriesGrid.vue
@@ -30,7 +30,7 @@ const showDocument = computed(() => !!documentRoute.value)
 
 <template>
   <div class="document-entries-grid">
-    <div class="document-entries-grid__header py-3">
+    <div class="document-entries-grid__header">
       <slot name="header" />
     </div>
     <div class="document-entries-grid__list row g-5 px-0">
@@ -69,7 +69,7 @@ const showDocument = computed(() => !!documentRoute.value)
     background: var(--bs-body-bg);
     position: sticky;
     top: 0;
-    z-index: 10;
+    z-index: 100;
     min-width: 0;
     max-width: 100%;
     width: 100%;
diff --git a/src/components/Document/DocumentEntries/DocumentEntriesHeader.vue b/src/components/Document/DocumentEntries/DocumentEntriesHeader.vue
index cfbd78a96..7ffa762e9 100644
--- a/src/components/Document/DocumentEntries/DocumentEntriesHeader.vue
+++ b/src/components/Document/DocumentEntries/DocumentEntriesHeader.vue
@@ -111,6 +111,7 @@ watch(toRef(props, 'total'), (total) => (selectMode.value = selectMode.value &&
   align-items: center;
   justify-content: flex-start;
   gap: $spacer-xs;
+  padding: $spacer 0;
 
   &--compact {
     flex-direction: row-reverse;
diff --git a/src/components/Document/DocumentEntries/DocumentEntriesList.vue b/src/components/Document/DocumentEntries/DocumentEntriesList.vue
index 27eff96bb..8a85b27e2 100644
--- a/src/components/Document/DocumentEntries/DocumentEntriesList.vue
+++ b/src/components/Document/DocumentEntries/DocumentEntriesList.vue
@@ -87,8 +87,8 @@ watchDocument(scrollDocumentCardIntoView)
       min-width: 0;
       max-width: 100%;
       width: 100%;
-      padding: $spacer;
       flex-shrink: 1;
+      padding: 0 $spacer;
     }
 
     &__list {
diff --git a/src/components/Document/DocumentEntries/DocumentEntriesTable.vue b/src/components/Document/DocumentEntries/DocumentEntriesTable.vue
index 8d2235d56..fc020037f 100644
--- a/src/components/Document/DocumentEntries/DocumentEntriesTable.vue
+++ b/src/components/Document/DocumentEntries/DocumentEntriesTable.vue
@@ -48,7 +48,7 @@ const showDocument = computed(() => !!documentRoute.value)
 
 <template>
   <div class="document-entries-table">
-    <div class="document-entries-table__header py-3">
+    <div class="document-entries-table__header">
       <slot name="header" />
     </div>
     <page-table v-model:sort="sort" v-model:order="order" :select-mode="selectMode">