From 250ec43d3822a40cf8ae420b0a0db31afcd4d2a7 Mon Sep 17 00:00:00 2001
From: James Koster <james@jameskoster.co.uk>
Date: Wed, 17 Jan 2024 17:02:15 +0000
Subject: [PATCH 1/4] Templates

---
 packages/dataviews/src/style.scss             | 15 ++++++++-
 packages/dataviews/src/view-table.js          |  9 +++--
 .../src/components/page-templates/index.js    | 33 +++++++++++--------
 .../src/components/page-templates/style.scss  |  4 +++
 4 files changed, 44 insertions(+), 17 deletions(-)

diff --git a/packages/dataviews/src/style.scss b/packages/dataviews/src/style.scss
index 156a9014600481..e1f92d94de91d8 100644
--- a/packages/dataviews/src/style.scss
+++ b/packages/dataviews/src/style.scss
@@ -59,6 +59,10 @@
 	margin: $grid-unit-40 0 $grid-unit-20;
 }
 
+.dataviews-view-table-wrapper {
+	overflow-x: scroll;
+}
+
 .dataviews-view-table {
 	width: 100%;
 	text-indent: 0;
@@ -81,7 +85,12 @@
 	td,
 	th {
 		padding: $grid-unit-15;
-		min-width: 160px;
+		white-space: nowrap;
+
+		@include break-huge() {
+			min-width: 200px;
+		}
+		
 		&[data-field-id="actions"] {
 			text-align: right;
 		}
@@ -200,6 +209,10 @@
 	.dataviews-view-table-header {
 		padding-left: $grid-unit-05;
 	}
+
+	.dataviews-view-table__actions-column {
+		width: 1%;
+	}
 }
 
 .dataviews-view-list__primary-field,
diff --git a/packages/dataviews/src/view-table.js b/packages/dataviews/src/view-table.js
index 8be188bf91c813..361b4091d646fb 100644
--- a/packages/dataviews/src/view-table.js
+++ b/packages/dataviews/src/view-table.js
@@ -437,7 +437,7 @@ function ViewTable( {
 	);
 
 	return (
-		<div>
+		<div className="dataviews-view-table-wrapper">
 			<table
 				className="dataviews-view-table"
 				aria-busy={ isLoading }
@@ -506,7 +506,10 @@ function ViewTable( {
 							</th>
 						) ) }
 						{ !! actions?.length && (
-							<th data-field-id="actions">
+							<th
+								data-field-id="actions"
+								className="dataviews-view-table__actions-column"
+							>
 								<span className="dataviews-view-table-header">
 									{ __( 'Actions' ) }
 								</span>
@@ -581,7 +584,7 @@ function ViewTable( {
 									</td>
 								) ) }
 								{ !! actions?.length && (
-									<td>
+									<td className="dataviews-view-table__actions-column">
 										<ItemActions
 											item={ item }
 											actions={ actions }
diff --git a/packages/edit-site/src/components/page-templates/index.js b/packages/edit-site/src/components/page-templates/index.js
index fd28c22298ba16..7bc8a978136411 100644
--- a/packages/edit-site/src/components/page-templates/index.js
+++ b/packages/edit-site/src/components/page-templates/index.js
@@ -216,20 +216,26 @@ export default function DataviewsTemplates() {
 				id: 'description',
 				getValue: ( { item } ) => item.description,
 				render: ( { item } ) => {
-					return item.description
-						? decodeEntities( item.description )
-						: view.type === LAYOUT_TABLE && (
-								<>
-									<Text variant="muted" aria-hidden="true">
-										&#8212;
-									</Text>
-									<VisuallyHidden>
-										{ __( 'No description.' ) }
-									</VisuallyHidden>
-								</>
-						  );
+					return item.description ? (
+						<span className="page-templates-description">
+							{ decodeEntities( item.description ) }
+						</span>
+					) : (
+						view.type === LAYOUT_TABLE && (
+							<>
+								<Text variant="muted" aria-hidden="true">
+									&#8212;
+								</Text>
+								<VisuallyHidden>
+									{ __( 'No description.' ) }
+								</VisuallyHidden>
+							</>
+						)
+					);
 				},
-				maxWidth: 200,
+				maxWidth: 420,
+				minWidth: 360,
+				//width: '1%',
 				enableSorting: false,
 			},
 			{
@@ -242,6 +248,7 @@ export default function DataviewsTemplates() {
 				enableHiding: false,
 				type: ENUMERATION_TYPE,
 				elements: authors,
+				width: '1%',
 			},
 		],
 		[ authors, view.type ]
diff --git a/packages/edit-site/src/components/page-templates/style.scss b/packages/edit-site/src/components/page-templates/style.scss
index ed4484550b48d5..9fdca6d15d5600 100644
--- a/packages/edit-site/src/components/page-templates/style.scss
+++ b/packages/edit-site/src/components/page-templates/style.scss
@@ -11,3 +11,7 @@
 		}
 	}
 }
+
+.page-templates-description {
+	white-space: normal;
+}

From 9490785faae195ccb08fd8f1d7379d8decd9c865 Mon Sep 17 00:00:00 2001
From: James Koster <james@jameskoster.co.uk>
Date: Wed, 17 Jan 2024 17:07:32 +0000
Subject: [PATCH 2/4] Remove commeent

---
 packages/edit-site/src/components/page-templates/index.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/edit-site/src/components/page-templates/index.js b/packages/edit-site/src/components/page-templates/index.js
index 7bc8a978136411..f5793c71a8ca00 100644
--- a/packages/edit-site/src/components/page-templates/index.js
+++ b/packages/edit-site/src/components/page-templates/index.js
@@ -235,7 +235,6 @@ export default function DataviewsTemplates() {
 				},
 				maxWidth: 420,
 				minWidth: 360,
-				//width: '1%',
 				enableSorting: false,
 			},
 			{

From 2035a3067b3d81148a5597ba645c5e26ca63a089 Mon Sep 17 00:00:00 2001
From: James Koster <james@jameskoster.co.uk>
Date: Wed, 17 Jan 2024 17:11:52 +0000
Subject: [PATCH 3/4] Proportions

---
 packages/edit-site/src/components/page-templates/index.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/edit-site/src/components/page-templates/index.js b/packages/edit-site/src/components/page-templates/index.js
index f5793c71a8ca00..ddf4c18a3ce7fb 100644
--- a/packages/edit-site/src/components/page-templates/index.js
+++ b/packages/edit-site/src/components/page-templates/index.js
@@ -233,8 +233,8 @@ export default function DataviewsTemplates() {
 						)
 					);
 				},
-				maxWidth: 420,
-				minWidth: 360,
+				maxWidth: 400,
+				minWidth: 320,
 				enableSorting: false,
 			},
 			{

From 3be34cf1a858722acacabf07075b836d841ed062 Mon Sep 17 00:00:00 2001
From: ntsekouras <ntsekouras@outlook.com>
Date: Thu, 18 Jan 2024 10:01:34 +0200
Subject: [PATCH 4/4] lint offense

---
 packages/dataviews/src/style.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/dataviews/src/style.scss b/packages/dataviews/src/style.scss
index e1f92d94de91d8..a87b4a82c1ecdf 100644
--- a/packages/dataviews/src/style.scss
+++ b/packages/dataviews/src/style.scss
@@ -90,7 +90,7 @@
 		@include break-huge() {
 			min-width: 200px;
 		}
-		
+
 		&[data-field-id="actions"] {
 			text-align: right;
 		}