lib/PublicInbox/UserContent.pm | 10 ++++++++--

diff --git a/lib/PublicInbox/UserContent.pm b/lib/PublicInbox/UserContent.pm
index b63d061771015e47ea3e83d89b1e09c7cdbf99ed..f28610f7f9b25833943f790c8e81bb13e7d9e0aa 100644
--- a/lib/PublicInbox/UserContent.pm
+++ b/lib/PublicInbox/UserContent.pm
@@ -17,13 +17,18 @@ 	 * somewhat by the default color scheme in mutt.
 	 * It reduces eyestrain for me, and energy usage for all:
 	 * https://en.wikipedia.org/wiki/Light-on-dark_color_scheme
 	 */
-	* { background:#000 !important; color:#ccc !important }
+	* { font-size: 100% !important;
+		font-family: monospace !important;
+		background:#000 !important;
+		color:#ccc !important }
+	pre { white-space: pre-wrap !important }
 
 	/*
 	 * Underlined links add visual noise which make them hard-to-read.
 	 * Use colors to make them stand out, instead.
 	 */
-	a:link { color:#69f !important; text-decoration:none !important }
+	a:link { color:#69f !important;
+		text-decoration:none !important }
 	a:visited { color:#96f !important }
 
 	/* quoted text in emails gets a different color */
@@ -101,6 +106,7 @@ 	$css =~ s/(\w) \}/$1 !important }/msg;
 
 	open my $rw, '+<', __FILE__ or die $!;
 	my $out = do { local $/; <$rw> } or die $!;
+	$css =~ s/; /;\n\t\t/g;
 	$out =~ s/^sub CSS.*^_\n\}/sub CSS () {\n\t<<'_'\n${css}_\n}/sm;
 	seek $rw, 0, 0;
 	print $rw $out or die $!;