From e7c3251b706c62872f6615bb6034c8cf5b52a86d Mon Sep 17 00:00:00 2001
From: Jannik Stehle <jannik.stehle@gmail.com>
Date: Thu, 1 Sep 2022 13:29:09 +0200
Subject: [PATCH] Adjust spacing of the files list options menu

---
 .../enhancemnet-files-list-options-menu-spacing           | 6 ++++++
 .../web-app-files/src/components/AppBar/ViewOptions.vue   | 8 ++++----
 2 files changed, 10 insertions(+), 4 deletions(-)
 create mode 100644 changelog/unreleased/enhancemnet-files-list-options-menu-spacing

diff --git a/changelog/unreleased/enhancemnet-files-list-options-menu-spacing b/changelog/unreleased/enhancemnet-files-list-options-menu-spacing
new file mode 100644
index 00000000000..7efd2bc7542
--- /dev/null
+++ b/changelog/unreleased/enhancemnet-files-list-options-menu-spacing
@@ -0,0 +1,6 @@
+Enhancement: Adjust spacing of the files list options menu
+
+We've adjusted the spacing of the files list options menu to visually match with the other menus.
+
+https://github.com/owncloud/web/pull/7570
+https://github.com/owncloud/web/issues/7541
diff --git a/packages/web-app-files/src/components/AppBar/ViewOptions.vue b/packages/web-app-files/src/components/AppBar/ViewOptions.vue
index d1feffdae4a..2c02663999b 100644
--- a/packages/web-app-files/src/components/AppBar/ViewOptions.vue
+++ b/packages/web-app-files/src/components/AppBar/ViewOptions.vue
@@ -16,24 +16,24 @@
       toggle="#files-view-options-btn"
       mode="click"
       class="oc-width-auto"
-      padding-size="small"
+      padding-size="medium"
     >
       <oc-list>
-        <li class="files-view-options-list-item">
+        <li class="files-view-options-list-item oc-mb-m">
           <oc-switch
             v-model="hiddenFilesShownModel"
             data-testid="files-switch-hidden-files"
             :label="$gettext('Show hidden files')"
           />
         </li>
-        <li class="files-view-options-list-item">
+        <li class="files-view-options-list-item oc-my-m">
           <oc-switch
             v-model="fileExtensionsShownModel"
             data-testid="files-switch-files-extensions-files"
             :label="$gettext('Show file extensions')"
           />
         </li>
-        <li class="files-view-options-list-item">
+        <li class="files-view-options-list-item oc-mt-m">
           <oc-page-size
             v-model="itemsPerPage"
             data-testid="files-pagination-size"