From 1f5925e8609883d82a6a4d74288bb14468b0d86d Mon Sep 17 00:00:00 2001
From: Harald Bamberger <harald.bamberger@technikum-wien.at>
Date: Mon, 10 Mar 2025 17:11:03 +0100
Subject: [PATCH] searchbar restults mobile improve css selector, alter student
 result view

---
 public/css/Cis4/Cis.css                   | 16 ++++++++--------
 public/js/components/searchbar/student.js | 20 ++++++++++----------
 2 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/public/css/Cis4/Cis.css b/public/css/Cis4/Cis.css
index 28360fcdf..ee90f491e 100644
--- a/public/css/Cis4/Cis.css
+++ b/public/css/Cis4/Cis.css
@@ -524,29 +524,29 @@ html {
 }
 
 @media screen and ( max-width: 576px ) {
-	.searchbar_icon img {
+	#nav-search .searchbar_results .searchbar_icon img {
 		max-width: 65px !important;
 	}
 
-	.searchbar_icon i {
+	#nav-search .searchbar_results .searchbar_icon i {
 		font-size: 3em !important;
 	}
 
-	.searchbar_grid {
+	#nav-search .searchbar_results .searchbar_grid {
 		grid-template-columns: [icon] 75px [data] auto;
 	}
 
-	.searchbar_table,
-	.searchbar_tablerow,
-	.searchbar_tablecell {
+	#nav-search .searchbar_results .searchbar_table,
+	#nav-search .searchbar_results .searchbar_tablerow,
+	#nav-search .searchbar_results .searchbar_tablecell {
 		display: block;
 	}
 
-	.searchbar_tablecell.searchbar_label {
+	#nav-search .searchbar_results .searchbar_tablecell.searchbar_label {
 		font-weight: bold;
 	}
 
-	.searchbar_tablecell.searchbar_value {
+	#nav-search .searchbar_results .searchbar_tablecell.searchbar_value {
 		padding-left: 2.5rem;
 		overflow-wrap: anywhere;
 	}
diff --git a/public/js/components/searchbar/student.js b/public/js/components/searchbar/student.js
index a9d52da90..ac7362d23 100644
--- a/public/js/components/searchbar/student.js
+++ b/public/js/components/searchbar/student.js
@@ -31,36 +31,36 @@ export default {
                     <div class="searchbar_table">
 
                         <div class="searchbar_tablerow">
-                            <div class="searchbar_tablecell">Student UID</div>
-                            <div class="searchbar_tablecell">
+                            <div class="searchbar_tablecell searchbar_label">Student UID</div>
+                            <div class="searchbar_tablecell searchbar_value">
                                 {{ res.uid }}
                             </div>
                         </div>
 
                         <div class="searchbar_tablerow">
-                            <div class="searchbar_tablecell">{{$p.t('lehre','studiengang')}}</div>
-                            <div class="searchbar_tablecell">
+                            <div class="searchbar_tablecell searchbar_label">{{$p.t('lehre','studiengang')}}</div>
+                            <div class="searchbar_tablecell searchbar_value">
                                 {{ res.studiengang }}
                             </div>
                         </div>
 
 						<div class="searchbar_tablerow">
-                            <div class="searchbar_tablecell">Verband</div>
-                            <div class="searchbar_tablecell">
+                            <div class="searchbar_tablecell searchbar_label">Verband</div>
+                            <div class="searchbar_tablecell searchbar_value">
                                 {{ res.verband }}
                             </div>
                         </div>
         
                         <div class="searchbar_tablerow">
-                            <div class="searchbar_tablecell">{{$p.t('person','personenkennzeichen')}}</div>
-                            <div class="searchbar_tablecell">
+                            <div class="searchbar_tablecell searchbar_label">{{$p.t('person','personenkennzeichen')}}</div>
+                            <div class="searchbar_tablecell searchbar_value">
                                 {{ res.matrikelnr }}
                             </div>
                         </div>
         
                         <div class="searchbar_tablerow">
-                            <div class="searchbar_tablecell">{{$p.t('person','email')}}</div>
-                            <div class="searchbar_tablecell">
+                            <div class="searchbar_tablecell searchbar_label">{{$p.t('person','email')}}</div>
+                            <div class="searchbar_tablecell searchbar_value">
                                 <a :href="this.mailtourl">
                                     {{ res.email }}
                                 </a>