From 2ae30754f0ce21e0de1c229992f4ea1ae82730ba Mon Sep 17 00:00:00 2001
From: sthag <sthag@interaktionsweise.de>
Date: Sat, 21 Mar 2026 15:30:23 +0100
Subject: [PATCH] feat: Change grid classes

- Specific class for tables
- Rename utility class
---
 elements/_grouping.scss | 14 +++++++-------
 elements/_tables.scss   | 21 ++++++++-------------
 2 files changed, 15 insertions(+), 20 deletions(-)

diff --git a/elements/_grouping.scss b/elements/_grouping.scss
index b3b9082..3278c79 100644
--- a/elements/_grouping.scss
+++ b/elements/_grouping.scss
@@ -318,7 +318,7 @@ div {
 }
 
 // Grid
-.grid {
+.dis_grid {
 	display: grid;
 	grid-gap: config.$space_basic;
 
@@ -332,15 +332,15 @@ div {
 		margin: config.$width_border_io;
 		padding: config.$space_half;
 	}
-}
 
-.grid_column_2 {
-	grid-template-columns: max-content max-content;
+	&.grid_column_2 {
+		grid-template-columns: max-content max-content;
 
-}
+	}
 
-.grid_column_4 {
-	grid-template-columns: max-content max-content max-content max-content;
+	&.grid_column_4 {
+		grid-template-columns: max-content max-content max-content max-content;
+	}
 }
 
 // Sprites
diff --git a/elements/_tables.scss b/elements/_tables.scss
index 316e7f9..e1d6849 100644
--- a/elements/_tables.scss
+++ b/elements/_tables.scss
@@ -58,20 +58,15 @@ table {
 		table-layout: fixed;
 	}
 
-	&.flexible {
+	&.grid {
+		display: grid;
+		grid-template-columns: auto 1fr auto;
+		border-bottom: 0;
+
+		thead,
+		tbody,
 		tr {
-			display: flex;
-			flex-flow: row nowrap;
-			align-items: stretch;
-
-			&:last-child td {
-				border-bottom: none;
-			}
-
-			td.truncate {
-				flex: 1;
-				min-width: 0;
-			}
+			display: contents;
 		}
 	}