improved look on small devices

src/10th/Roster.jsx

@@ -355,9 +355,8 @@ const Unit = ({ unit, index, catalog, onePerPage, forceRules }) => {
 				}}
 			>
 				<div
-					className="pt-5"
+					className="flex-[1.2] pt-5"
 					style={{
-						flex: "1",
 						borderRight: "2px solid var(--primary-color)",
 						position: "relative",
 						paddingBottom: 40,

src/index.css

@@ -234,10 +234,12 @@
 		}
 
 		.weapons-table th {
+			font-size: 0.9em;
 			padding: 2px 0.2rem;
 		}
 
 		.weapons-table td {
+			font-size: 0.95em;
 			padding: 1px 0.2rem;
 		}
 	}