From d11ba2f819074c13144acd8d776ed3749dc983c2 Mon Sep 17 00:00:00 2001
From: Bastian Allgeier <mail@bastianallgeier.com>
Date: Tue, 5 Mar 2024 11:59:37 +0100
Subject: [PATCH] Fix tables in the object field and license dialog

---
 panel/src/components/Dialogs/LicenseDialog.vue   | 12 ++++++------
 panel/src/components/Forms/Field/ObjectField.vue |  6 ++++--
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/panel/src/components/Dialogs/LicenseDialog.vue b/panel/src/components/Dialogs/LicenseDialog.vue
index fa8b6ab1b2..d3493af29b 100644
--- a/panel/src/components/Dialogs/LicenseDialog.vue
+++ b/panel/src/components/Dialogs/LicenseDialog.vue
@@ -16,18 +16,18 @@
 			<table style="table-layout: auto">
 				<tbody>
 					<tr>
-						<th>{{ $t("type") }}</th>
-						<td>{{ license.type }}</td>
+						<th data-mobile="true">{{ $t("type") }}</th>
+						<td data-mobile="true">{{ license.type }}</td>
 					</tr>
 					<tr v-if="license.code">
-						<th>{{ $t("license.code") }}</th>
-						<td class="k-text">
+						<th data-mobile="true">{{ $t("license.code") }}</th>
+						<td data-mobile="true" class="k-text">
 							<code>{{ license.code }}</code>
 						</td>
 					</tr>
 					<tr v-if="license.info">
-						<th>{{ $t("status") }}</th>
-						<td :data-theme="license.theme">
+						<th data-mobile="true">{{ $t("status") }}</th>
+						<td data-mobile="true" :data-theme="license.theme">
 							<p class="k-license-dialog-status">
 								<k-icon :type="license.icon" />
 								{{ license.info }}
diff --git a/panel/src/components/Forms/Field/ObjectField.vue b/panel/src/components/Forms/Field/ObjectField.vue
index c92630e104..2e096a5ff1 100644
--- a/panel/src/components/Forms/Field/ObjectField.vue
+++ b/panel/src/components/Forms/Field/ObjectField.vue
@@ -172,7 +172,9 @@ export default {
 .k-table.k-object-field-table {
 	table-layout: auto;
 }
-.k-table.k-object-field-table tbody td {
-	max-width: 0;
+@container (min-width: 40rem) {
+	.k-table.k-object-field-table tbody td {
+		max-width: 0;
+	}
 }
 </style>