fix new chat window

src/components/chat_new/chat_new.scss

@@ -16,11 +16,6 @@
     padding-bottom: 0.7rem;
   }
 
-  .basic-user-card:hover {
-    cursor: pointer;
-    background-color: var(--selectedPost, $fallback--lightBg);
-  }
-
   .go-back-button {
     text-align: center;
     line-height: 1;

src/components/chat_new/chat_new.vue

@@ -16,28 +16,29 @@
         />
       </button>
     </div>
-    <div class="input-wrap">
+    <div class="panel-body">
-      <div class="input-search">
+      <div class="input-wrap">
-        <FAIcon
+        <div class="input-search">
-          class="search-icon fa-scale-110 fa-old-padding"
+          <FAIcon
-          icon="search"
+            class="search-icon fa-scale-110 fa-old-padding"
-        />
+            icon="search"
+          />
+        </div>
+        <input
+          ref="search"
+          v-model="query"
+          class="input"
+          placeholder="Search people"
+          @input="onInput"
+        >
       </div>
-      <input
+      <div class="member-list">
-        ref="search"
+        <div
-        v-model="query"
+          v-for="user in availableUsers"
-        class="input"
+          :key="user.id"
-        placeholder="Search people"
+          class="list-item"
-        @input="onInput"
+          @click.capture.prevent="goToChat(user)"
-      >
+        >
-    </div>
-    <div class="member-list">
-      <div
-        v-for="user in availableUsers"
-        :key="user.id"
-        class="member"
-      >
-        <div @click.capture.prevent="goToChat(user)">
           <BasicUserCard :user="user" />
         </div>
       </div>