From 6bde0e3fd97d494dd6f37189fb228c5cbefdb5f5 Mon Sep 17 00:00:00 2001
From: Phillip Thelen <phillip@habitica.com>
Date: Thu, 25 Jul 2024 17:01:52 +0200
Subject: [PATCH] fix width of items

---
 website/client/src/components/admin-panel/index.vue  |  8 ++++----
 website/client/src/components/admin-panel/search.vue | 10 +++++++---
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/website/client/src/components/admin-panel/index.vue b/website/client/src/components/admin-panel/index.vue
index 8954076940..fe7a94f3f4 100644
--- a/website/client/src/components/admin-panel/index.vue
+++ b/website/client/src/components/admin-panel/index.vue
@@ -4,14 +4,14 @@
       <h1>Admin Panel</h1>
       <form
         class="form-inline"
-        @submit.prevent="loadUser(userIdentifier)"
+        @submit.prevent="searchUsers(userIdentifier)"
       >
-        <div class="input-group">
+        <div class="input-group col pl-0 pr-0">
           <input
             v-model="userIdentifier"
-            class="form-control uidField"
+            class="form-control"
             type="text"
-            :placeholder="'User-ID, Username or E-Mail; blank for your account'"
+            :placeholder="'UserID, username or email or leave blank for your account'"
           >
           <div class="input-group-append">
             <button
diff --git a/website/client/src/components/admin-panel/search.vue b/website/client/src/components/admin-panel/search.vue
index 723aa04cb0..ab6c974422 100644
--- a/website/client/src/components/admin-panel/search.vue
+++ b/website/client/src/components/admin-panel/search.vue
@@ -5,7 +5,7 @@
     >
       Could not find any matching users.
     </div>
-    <div class="list-group col-4"
+    <div class="list-group"
       v-if="users.length > 0">
       <a href="#" class="list-group-item list-group-item-action"
         v-for="user in users"
@@ -56,8 +56,12 @@ export default {
   watch: {
     userIdentifier () {
       this.$store.dispatch('adminPanel:searchUsers', { userIdentifier: this.userIdentifier }).then(users => {
-        this.users = users;
-        this.noUsersFound = users.length === 0;
+        if (users.length === 1) {
+          this.loadUser(users[0]._id);
+        } else {
+          this.users = users;
+          this.noUsersFound = users.length === 0;
+        }
       });
       this.$emit('changeUserIdentifier', this.userIdentifier); // change user identifier in Admin Panel's form
     },