Adjust spacing of the files list options menu

owncloud · Sep 1, 2022 · e7c3251 · e7c3251
1 parent 4b6a868
commit e7c3251
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/changelog/unreleased/enhancemnet-files-list-options-menu-spacing 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
@@ -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"