From f8464da3b9524d4939d9df0ae97ff05fbf06eeef Mon Sep 17 00:00:00 2001
From: Benedikt Kulmann <benedikt@kulmann.biz>
Date: Mon, 5 Jul 2021 17:03:33 +0200
Subject: [PATCH] Make view options button less prominent

---
 changelog/unreleased/enhancement-add-view-options      |  3 ++-
 .../web-app-files/src/components/AppBar/AppBar.vue     | 10 ++++++++--
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/changelog/unreleased/enhancement-add-view-options b/changelog/unreleased/enhancement-add-view-options
index fce3e205128..f5738c912a5 100644
--- a/changelog/unreleased/enhancement-add-view-options
+++ b/changelog/unreleased/enhancement-add-view-options
@@ -4,4 +4,5 @@ We've added view options above the files lists so that the user can customise th
 Currently, it is possible to toggle visibility of hidden files.
 Changes in view options are persisted in local storage.
 
-https://github.com/owncloud/web/pull/5408
\ No newline at end of file
+https://github.com/owncloud/web/pull/5408
+https://github.com/owncloud/web/pull/5450
diff --git a/packages/web-app-files/src/components/AppBar/AppBar.vue b/packages/web-app-files/src/components/AppBar/AppBar.vue
index a27d7b41a25..876d844a8d1 100644
--- a/packages/web-app-files/src/components/AppBar/AppBar.vue
+++ b/packages/web-app-files/src/components/AppBar/AppBar.vue
@@ -105,13 +105,19 @@
           data-test-id="files-view-options-btn"
           :aria-label="viewButtonAriaLabel"
           variation="passive"
-          appearance="outline"
+          appearance="raw"
           size="small"
+          gap-size="xsmall"
         >
           <oc-icon name="tune" size="small" />
           <translate>View</translate>
         </oc-button>
-        <oc-drop drop-id="files-view-options-drop" toggle="#files-view-options-btn" mode="click">
+        <oc-drop
+          drop-id="files-view-options-drop"
+          toggle="#files-view-options-btn"
+          mode="click"
+          class="uk-width-auto"
+        >
           <oc-list>
             <li>
               <oc-switch