From 3ab8fd22f48ed35731d478921fb03e6fbca54b7e Mon Sep 17 00:00:00 2001
From: Harald Bamberger <harald.bamberger@technikum-wien.at>
Date: Fri, 6 Oct 2023 20:22:05 +0200
Subject: [PATCH] minor layout changes

---
 application/views/lehre/Antrag/Leitung/List.php        |  1 +
 public/css/cis_bs5.css                                 | 10 ++++++++++
 .../js/components/Studierendenantrag/Leitung/Table.js  | 10 ++++++++--
 3 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/application/views/lehre/Antrag/Leitung/List.php b/application/views/lehre/Antrag/Leitung/List.php
index 3dffacf3f..9c0749dae 100644
--- a/application/views/lehre/Antrag/Leitung/List.php
+++ b/application/views/lehre/Antrag/Leitung/List.php
@@ -13,6 +13,7 @@ $sitesettings = array(
 	'primevue3' => true,
 	'phrases' => array(
 		'global',
+		'ui',
 		'studierendenantrag',
 		'lehre',
 		'person',
diff --git a/public/css/cis_bs5.css b/public/css/cis_bs5.css
index 9ee7cd848..d4fc7960c 100644
--- a/public/css/cis_bs5.css
+++ b/public/css/cis_bs5.css
@@ -59,8 +59,18 @@ h6, .h6 {
 
 .fhc-container {
 	padding: 0 15px;
+	max-width: 100%;
 }
 
 .tabulator {
 	font-size: var(--bs-body-font-size);
 }
+
+.fhc-container .tabulator .tabulator-frozen {
+	background-color: #fff !important;
+}
+
+.fhc-container .tabulator .tabulator-header .tabulator-col,
+.fhc-container .tabulator-row .tabulator-cell {
+	border-right: 1px solid #dee2e6;
+}
diff --git a/public/js/components/Studierendenantrag/Leitung/Table.js b/public/js/components/Studierendenantrag/Leitung/Table.js
index 8cbfdd9d7..2af674a0f 100644
--- a/public/js/components/Studierendenantrag/Leitung/Table.js
+++ b/public/js/components/Studierendenantrag/Leitung/Table.js
@@ -86,8 +86,8 @@ export default {
 		this.table = new Tabulator(this.$refs.table, {
 			placeholder:"Keine zu bearbeitenden Datensätze",
 			movableColumns: true,
-			height: '50vh',
-			layout: "fitDataStretch", // TODO(chris): wont work when changed
+			maxHeight: '50vh',
+			layout: "fitDataFill", // TODO(chris): wont work when changed
 			ajaxURL: this.ajaxUrl,
 			persistence: { // NOTE(chris): do not store column titles
 				sort: true, //persist column sorting
@@ -214,6 +214,10 @@ export default {
 				}
 			}, {
 				field: 'actions',
+				frozen: true,
+				title: this.p.t('ui', 'aktion'),
+				headerFilter: false,
+				headerSort: false,				
 				formatter: (cell, formatterParams, onRendered) => {
 					let container = document.createElement('div'),
 						data = cell.getData();
@@ -325,9 +329,11 @@ export default {
 					}
 
 					// TODO(chris): not yet perfect
+					/*
 					onRendered(() => {
 						cell.getColumn().setWidth(true);
 					});
+					*/
 
 					return container;
 				}