From 68a08b1f625ed647ec8cfb3810e7a0edabe4f2fe Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Fri, 14 Feb 2025 14:15:44 +0100
Subject: [PATCH] Slightly improve appsview filter and search bar

---
 dashboard/src/views/AppsView.vue | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/dashboard/src/views/AppsView.vue b/dashboard/src/views/AppsView.vue
index 44a9edd3c..e4b790b02 100644
--- a/dashboard/src/views/AppsView.vue
+++ b/dashboard/src/views/AppsView.vue
@@ -202,13 +202,11 @@ onUnmounted(() => {
 
     <h1 class="section-header">
       {{ $t('apps.title') }}
-      <div>
+      <div style="display: flex; gap: 4px; flex-wrap: wrap; margin-top: 10px;">
         <TextInput v-model="filter" placeholder="Filter ..." />
-        <ButtonGroup>
-          <Dropdown outline tool :options="tagFilterOptions" option-key="id" option-label="name" v-model="tagFilter"></Dropdown>
-          <Dropdown outline tool :options="stateFilterOptions" option-key="id" v-model="stateFilter"></Dropdown>
-          <Dropdown outline tool :options="domainFilterOptions" option-key="id" option-label="domain" v-model="domainFilter"></Dropdown>
-        </ButtonGroup>
+        <Dropdown outline tool :options="tagFilterOptions" option-key="id" option-label="name" v-model="tagFilter"></Dropdown>
+        <Dropdown outline tool :options="stateFilterOptions" option-key="id" v-model="stateFilter"></Dropdown>
+        <Dropdown outline tool :options="domainFilterOptions" option-key="id" option-label="domain" v-model="domainFilter"></Dropdown>
         <Button tool @click="toggleView()" :icon="viewType === VIEW_TYPE.GRID ? 'fas fa-list' : 'fas fa-grip'"></Button>
       </div>
     </h1>