better frontend handling for very large witnesses

frontend/src/app/components/transactions-list/transactions-list.component.scss

@@ -105,9 +105,7 @@ td.amount {
 		&:first-child {
 			color: #ffffff66;
 			white-space: pre-wrap;
-			@media (min-width: 476px) {
-				white-space: nowrap;
-			}
+			width: 150px;
 		}
 		&:nth-child(2) {
 			word-break: break-all;
@@ -152,4 +150,45 @@ h2 {
 	width: 0;
 	flex-grow: 1;
 	margin-inline-end: 2em;
+}
+
+.vin-witness {
+	.witness-item.accordioned {
+		max-height: 300px;
+		overflow: hidden;
+	}
+
+	input:checked + .witness-item.accordioned {
+		max-height: none;
+	}
+
+	.witness-toggle {
+		display: flex;
+		flex-direction: row;
+		align-items: flex-start;
+		justify-content: space-between;
+		margin-bottom: 1em;
+
+		.show-all {
+			display: inline;
+		}
+		.show-less {
+			display: none;
+		}
+		.ellipsis {
+			visibility: visible;
+		}
+	}
+
+	input:checked ~ .witness-toggle {
+		.show-all {
+			display: none;
+		}
+		.show-less {
+			display: inline;
+		}
+		.ellipsis {
+			visibility: hidden;
+		}
+	}
 }