Styles and About Page Fixes

src/lib/assets/css/tui-body.css

@@ -65,7 +65,7 @@
 }
 
 .tui-line.blank {
-	min-height: 0.5em;
+	min-height: 0.15em;
 }
 
 @keyframes lineSlideIn {
@@ -73,6 +73,7 @@
 		opacity: 0;
 		transform: translateX(-5px);
 	}
+
 	to {
 		opacity: 1;
 		transform: translateX(0);
@@ -173,12 +174,10 @@
 .divider-line {
 	flex: 1;
 	height: 1px;
-	background: linear-gradient(
-		to right,
-		transparent,
-		var(--terminal-border),
-		transparent
-	);
+	background: linear-gradient(to right,
+			transparent,
+			var(--terminal-border),
+			transparent);
 }
 
 .divider-text {
@@ -223,15 +222,26 @@
 	width: 0.5em;
 	height: 1.1em;
 	background: var(--terminal-primary);
-	animation: cursorBlink 1s step-end infinite;
+	background: var(--terminal-primary);
 	margin-left: 2px;
 	vertical-align: baseline;
 	transform: translateY(0.15em);
 }
 
+.cursor.blink {
+	animation: cursorBlink 1s step-end infinite;
+}
+
 @keyframes cursorBlink {
-	0%, 100% { opacity: 1; }
-	50% { opacity: 0; }
+
+	0%,
+	100% {
+		opacity: 1;
+	}
+
+	50% {
+		opacity: 0;
+	}
 }
 
 /* Scrollbar */
@@ -265,6 +275,15 @@
 		flex-direction: column;
 	}
 
+	/* Keep inline flow for specific containers */
+	.tui-card .tui-inline-group,
+	.tui-group .tui-inline-group,
+	.tui-accordion .tui-inline-group {
+		flex-direction: row;
+		flex-wrap: wrap;
+		align-items: flex-start;
+	}
+
 	.tui-inline-group .inline-image img {
 		max-width: 100% !important;
 		width: 100%;
@@ -280,4 +299,4 @@
 		max-width: 100% !important;
 		width: 100%;
 	}
-}
+}