minor layout changes

application/views/lehre/Antrag/Leitung/List.php

@@ -13,6 +13,7 @@ $sitesettings = array(
 	'primevue3' => true,
 	'phrases' => array(
 		'global',
+		'ui',
 		'studierendenantrag',
 		'lehre',
 		'person',

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;
+}

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;
 				}