From d361c4eb26ba660c98f6ab3f1b92fe315726c04b Mon Sep 17 00:00:00 2001
From: Harald Bamberger <harald.bamberger@technikum-wien.at>
Date: Fri, 5 May 2023 15:47:23 +0200
Subject: [PATCH] use img-thumbnail css class instead of rounded circle

---
 public/css/components/searchbar.css        | 1 +
 public/js/components/searchbar/employee.js | 2 +-
 public/js/components/searchbar/person.js   | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/public/css/components/searchbar.css b/public/css/components/searchbar.css
index 506612dbb..cecda1ff6 100644
--- a/public/css/components/searchbar.css
+++ b/public/css/components/searchbar.css
@@ -33,6 +33,7 @@
 .searchbar_icon {
     grid-column-start: icon;
     grid-column-end: span 1;
+    margin-right: .75em;
 }
 
 .searchbar_data {
diff --git a/public/js/components/searchbar/employee.js b/public/js/components/searchbar/employee.js
index 3cf3a1350..1de7a5014 100644
--- a/public/js/components/searchbar/employee.js
+++ b/public/js/components/searchbar/employee.js
@@ -15,7 +15,7 @@ export default {
               <div class="searchbar_icon">
                 <action :res="this.res" :action="this.actions.defaultaction" @actionexecuted="$emit('actionexecuted')">
                   <img v-if="(typeof res.photo_url !== 'undefined') && (res.photo_url !== null)" :src="res.photo_url" 
-                    class="rounded-circle" height="100" />
+                    class="img-thumbnail" height="100" />
                   <i v-else class="fas fa-user-circle fa-5x"></i>
                 </action>
               </div>
diff --git a/public/js/components/searchbar/person.js b/public/js/components/searchbar/person.js
index 19a884666..441e2089f 100644
--- a/public/js/components/searchbar/person.js
+++ b/public/js/components/searchbar/person.js
@@ -15,7 +15,7 @@ export default {
               <div class="searchbar_icon">
                 <action :res="this.res" :action="this.actions.defaultaction" @actionexecuted="$emit('actionexecuted')">
                   <img v-if="(typeof res.foto !== 'undefined') && (res.foto !== null)" :src="res.foto" 
-                    class="rounded-circle" height="100" />
+                    class="img-thumbnail" height="100" />
                   <i v-else class="fas fa-user-circle fa-5x"></i>
                 </action>
               </div>