From bd5248b6ed9fa928a6954950d4dcc2c579eaf736 Mon Sep 17 00:00:00 2001
From: qwerty287 <ndev@web.de>
Date: Mon, 23 Oct 2023 09:29:15 +0200
Subject: [PATCH] Some mobile UI enhancements

---
 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 00a03559c2..1aef2cf646 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 9b4a7664fc..8033f2b6b1 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)"
       />