Update

Author: mjbvz

webviews/dashboardView/app.tsx

@@ -135,7 +135,9 @@ function Dashboard() {
 			case '0':
 				return 'Failed';
 			case '1':
-				return 'Completed';
+				return 'Ready for review';
+			case 'completed':
+				return 'Ready for review';
 			case '2':
 				return 'In Progress';
 			default:

webviews/dashboardView/index.css

@@ -3,21 +3,34 @@
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
 
+body {
+	min-height: 400px;
+}
+
+html, body, app {
+	height: 100%;
+	min-height: 100%;
+}
+
 .dashboard-container {
-	display: flex;
-	flex-direction: column;
+	display: grid;
+	grid-template-rows: auto 1fr;
+	grid-template-columns: 1fr 1fr;
+	grid-template-areas:
+		"header header"
+		"left-column right-column";
 	height: 100vh;
-	max-height: 100vh;
+	max-height: calc(100vh - 32px);
 	padding: 16px;
 	gap: 16px;
 	overflow: hidden;
 }
 
 .dashboard-header {
+	grid-area: header;
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
-	margin-bottom: 16px;
 }
 
 .dashboard-title {
@@ -40,18 +53,21 @@
 }
 
 .dashboard-content {
-	display: flex;
-	flex: 1;
+	grid-column: 1 / -1;
+	grid-row: 2;
+	display: grid;
+	grid-template-columns: 1fr 1fr;
 	gap: 16px;
 	overflow: hidden;
+	min-height: 0;
 }
 
 .dashboard-column {
-	flex: 1;
 	display: flex;
 	flex-direction: column;
 	overflow: hidden;
-	min-height: 400px;
+	min-height: 0;
+	min-width: 0;
 }
 
 .column-header {
@@ -201,6 +217,8 @@
 }
 
 .loading-indicator {
+	grid-column: 1 / -1;
+	grid-row: 1 / -1;
 	display: flex;
 	justify-content: center;
 	align-items: center;
@@ -218,12 +236,16 @@
 	margin: 8px 0;
 }
 
-@media (max-width: 768px) {
-	.dashboard-content {
-		flex-direction: column;
+@media (max-width: 600px) {
+	.dashboard-container {
+		grid-template-columns: 1fr;
+		grid-template-areas:
+			"header"
+			"left-column"
+			"right-column";
 	}
 
-	.dashboard-column {
-		min-height: 300px;
+	.dashboard-content {
+		grid-template-columns: 1fr;
 	}
 }