From 45bff3f49f68181adbf748ee93b01f4487e461e7 Mon Sep 17 00:00:00 2001
From: qwerty287 <80460567+qwerty287@users.noreply.github.com>
Date: Mon, 23 Oct 2023 09:36:46 +0200
Subject: [PATCH] Some mobile UI fixes (#2624)

- hide event badges on secret lists
- fix margin on admin users
---
 web/src/components/admin/settings/AdminUsersTab.vue | 2 +-
 web/src/components/secrets/SecretList.vue           | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/src/components/admin/settings/AdminUsersTab.vue b/web/src/components/admin/settings/AdminUsersTab.vue
index 00a03559c..1aef2cf64 100644
--- a/web/src/components/admin/settings/AdminUsersTab.vue
+++ b/web/src/components/admin/settings/AdminUsersTab.vue
@@ -26,7 +26,7 @@
         <IconButton
           icon="edit"
           :title="$t('admin.settings.users.edit_user')"
-          class="w-8 h-8"
+          class="w-8 h-8 <md:ml-auto"
           :class="{ 'ml-auto': !user.admin, 'ml-2': user.admin }"
           @click="editUser(user)"
         />
diff --git a/web/src/components/secrets/SecretList.vue b/web/src/components/secrets/SecretList.vue
index 9b4a7664f..8033f2b6b 100644
--- a/web/src/components/secrets/SecretList.vue
+++ b/web/src/components/secrets/SecretList.vue
@@ -6,12 +6,12 @@
       class="items-center !bg-wp-background-200 !dark:bg-wp-background-100"
     >
       <span>{{ secret.name }}</span>
-      <div class="ml-auto space-x-2">
+      <div class="ml-auto space-x-2 <md:hidden">
         <Badge v-for="event in secret.event" :key="event" :label="event" />
       </div>
       <IconButton
         icon="edit"
-        class="ml-2 w-8 h-8"
+        class="ml-2 <md:ml-auto w-8 h-8"
         :title="$t('repo.settings.secrets.edit')"
         @click="editSecret(secret)"
       />