From d30595bbfb3818697a9224f74fb98699870167d7 Mon Sep 17 00:00:00 2001
From: adisposkofh <ma1434@technikum-wien.at>
Date: Tue, 29 Sep 2026 09:59:13 +0200
Subject: [PATCH] reworked degree program contact persons collapsible

---
 public/css/Cis4/Studium.css                 | 11 +++++------
 public/js/components/Cis/Studium/Studium.js |  9 +++++----
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/public/css/Cis4/Studium.css b/public/css/Cis4/Studium.css
index 20ee4685b..a8b1ccf72 100644
--- a/public/css/Cis4/Studium.css
+++ b/public/css/Cis4/Studium.css
@@ -65,7 +65,7 @@
 	background-color: var(--fhc-secondary);
 	border: 1px solid var(--fhc-border);
 	border-radius: var(--bs-border-radius);
-	transition: width 0.5s ease-in-out, background-color 0.2s ease-in-out;
+	transition: background-color 0.2s ease-in-out;
 }
 
 #studiengang-info-toggle:hover {
@@ -82,17 +82,16 @@
 }
 
 #studiengang-info {
-	overflow-x: hidden;
 	transition: width 0.5s ease-in-out;
 }
 
 @media (min-width: 768px) {
-	#studiengang-info-col:not(.collapsed) #studiengang-info-toggle {
-		width: 25px;
+	#studiengang-info-col.collapsed {
+		width: 50px;
 	}
 
-	#studiengang-info-col.collapsed #studiengang-info-toggle {
-		width: 100%;
+	#studiengang-info-toggle {
+		min-height: 100px;
 	}
 
 	#studiengang-info-col.collapsed #studiengang-info {
diff --git a/public/js/components/Cis/Studium/Studium.js b/public/js/components/Cis/Studium/Studium.js
index 665fea209..3bf831165 100644
--- a/public/js/components/Cis/Studium/Studium.js
+++ b/public/js/components/Cis/Studium/Studium.js
@@ -419,18 +419,19 @@ export default {
 			<div
 				v-if="selectedStudiengang"
 				id="studiengang-info-col"
-				class="col-12 order-last d-flex flex-column"
-				:class="{'collapsed col-md-1': !showStudiengangInfo, 'col-md-4 col-xxl-3': showStudiengangInfo}"
+				class="order-last d-flex flex-column"
+				:class="{'collapsed col-md-auto': !showStudiengangInfo, 'col-md-4 col-xxl-3': showStudiengangInfo}"
 			>
-				<div class="d-flex flex-column flex-md-row gap-2">
+				<div class="d-flex flex-column flex-md-row justify-content-start gap-2">
 					<button
 						@click="showStudiengangInfo ? toggleStudiengangInfoCollapse() : displayStudiengangInfo()"
 						id="studiengang-info-toggle"
 						class="d-flex flex-row justify-content-center align-items-center p-2"
+						:title="studiengangInfoToggleTitel"
 						>
 						<i aria-hidden="true" class="fa-solid fa-chevron-right fhc-text"></i>
 					</button>
-					<div id="studiengang-info" class="flex-grow-1">
+					<div id="studiengang-info">
 						<div
 							@[\`hidden.bs.collapse\`]="hideStudiengangInfo()"
 							id="studiengang-info-body"