bug fixes and css variables

src/index.css

@@ -17,6 +17,8 @@
 
 * {
 	box-sizing: border-box;
+	print-color-adjust: exact;
+	-webkit-print-color-adjust: exact;
 }
 
 a {
@@ -74,9 +76,10 @@ button:focus-visible {
 }
 
 #root {
-	max-width: 1000px;
+	max-width: 1100px;
 	margin-left: auto;
 	margin-right: auto;
+	color: #111113;
 }
 
 .App {
@@ -103,6 +106,7 @@ button:focus-visible {
 	padding: 1px 8px;
 	border-bottom: 1px dotted #9e9fa1;
 	text-align: center;
+	vertical-align: baseline;
 }
 
 .emptyRow {
@@ -120,3 +124,17 @@ button:focus-visible {
 .differentProfiles + .differentProfiles {
 	border-top: 1px solid #dfe0e2;
 }
+
+@media print {
+	.print-display-none {
+		display: none;
+	}
+
+	.avoid-page-break {
+		break-inside: avoid;
+	}
+
+	#root {
+		min-width: 1000px;
+	}
+}