From 697b1e5c00cfddf89634dfb3f248f54f3d4c06a1 Mon Sep 17 00:00:00 2001
From: cgfhtw <christopher.gerbrich@technikum-wien.at>
Date: Fri, 13 Oct 2023 10:40:37 +0200
Subject: [PATCH] Save Button -> Top Right

---
 .../js/components/Stv/Studentenverwaltung/Details.js   | 10 ++++++----
 .../Stv/Studentenverwaltung/Details/Details.js         |  8 ++++----
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/public/js/components/Stv/Studentenverwaltung/Details.js b/public/js/components/Stv/Studentenverwaltung/Details.js
index e5ffb74e3..c7338d5af 100644
--- a/public/js/components/Stv/Studentenverwaltung/Details.js
+++ b/public/js/components/Stv/Studentenverwaltung/Details.js
@@ -24,7 +24,7 @@ export default {
 		}
 	},
 	template: `
-	<div class="stv-details h-100 pb-3">
+	<div class="stv-details h-100 pb-3 d-flex flex-column">
 		<div v-if="hasNoStudent" class="justify-content-center d-flex h-100 align-items-center">Bitte StudentIn auswählen!</div>
 		<template v-else>		
 			<ul class="nav nav-tabs">
@@ -32,9 +32,11 @@ export default {
 					<a class="nav-link" :class="{active: comp == component}" :aria-current="comp == component ? 'page' : ''" href="#" @click="component=comp">{{title}}</a>
 				</li>
 			</ul>
-			<keep-alive>
-				<component :is="component" :student="student"></component>
-			</keep-alive>
+			<div style="flex: 1 1 0%; height: 0%" class="border-bottom border-start border-end overflow-auto p-3">
+				<keep-alive>
+					<component :is="component" :student="student"></component>
+				</keep-alive>
+			</div>
 		</template>
 	</div>`
 };
\ No newline at end of file
diff --git a/public/js/components/Stv/Studentenverwaltung/Details/Details.js b/public/js/components/Stv/Studentenverwaltung/Details/Details.js
index 22c4deb0f..dc4edf1ab 100644
--- a/public/js/components/Stv/Studentenverwaltung/Details/Details.js
+++ b/public/js/components/Stv/Studentenverwaltung/Details/Details.js
@@ -191,7 +191,10 @@ export default {
 	},
 	//TODO(chris): Geburtszeit? Anzahl der Kinder?
 	template: `
-	<div ref="form" class="stv-details-details h-100 pb-3">
+	<div ref="form" class="stv-details-details">
+		<div class="position-sticky top-0">
+			<button type="button" class="btn btn-primary position-absolute top-0 end-0" @click="save" :disabled="!changedLength">Speichern</button>
+		</div>
 		<fieldset class="overflow-hidden">
 			<legend>Person</legend>
 			<template v-if="data">
@@ -371,9 +374,6 @@ export default {
 				Loading...
 			</div>
 		</fieldset>
-		<div>
-			<button type="button" class="btn btn-primary" @click="save" :disabled="!changedLength">Speichern</button>
-		</div>
 		<pv-toast ref="responseToast" style="z-index:9999"></pv-toast>
 	</div>`
 };
\ No newline at end of file