src/assets/global.scss

@@ -10,7 +10,3 @@
 .btn-primary {
   color: #fff !important;
 }
-
-.search-card{
-  height: 100%;
-}

src/mixins/request.mixin.js

@@ -92,12 +92,11 @@ export default {
     async submitFormEdit() {
       this.showErrorMessage = false
       this.showSuccessMessage = false
-      const userId = store.state.currentUserId
 
       try {
         const body = JSON.stringify(this.profile)
         const response = await fetch(
-          `${this.apiUrl}/users/${userId}/profile`,
+          `${this.apiUrl}/users/${store.currentUserId}/profile`,
           {
             method: 'POST',
             headers: {

src/views/Search.vue

@@ -46,20 +46,17 @@ SPDX-License-Identifier: AGPL-3.0-or-later
             class="text-decoration-none"
             :to="{ path: `/s/profile/${result.user_id}` }"
           >
-            <div class="card search-card">
+            <div class="card">
               <div class="card-body">
                 <h5 class="card-title">
-                  {{ result.nickname}}
+                  {{ result.nickname
-                  <span v-if="result.pronouns"> ({{ result.pronouns }})</span>
+                  }}<span v-if="result.pronouns"> ({{ result.pronouns }})</span>
                 </h5>
-                <p
+                <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6>
-                  class="card-text"
+                <p class="card-text" v-if="result.skills">
-                  v-if="result.skills && result.skills.length > 0"
-                >
                   Fähigkeiten:
-                  <span v-for="(skill, index) in result.skills" :key="index"
+                  <span v-for="skill in result.skills" :key="skill.skill.name"
-                    >
+                    >{{ skill.skill.name }}
-                    {{ skill.skill.name}}<span v-if="index != result.skills.length - 1">, </span>
                   </span>
                 </p>
               </div>
@@ -71,7 +68,7 @@ SPDX-License-Identifier: AGPL-3.0-or-later
   </div>
 </template>
 <script>
-import RequestMixin from "@/mixins/request.mixin";
+import RequestMixin from "@/mixins/request.mixin"
 
 export default {
   name: "Search",