Adjust Nylanderinpuisto to 5/14 of vertical space

1/3 was not enough because A.I. Virtasen aukio and Nylanderinpuisto both have header rows too. There are 14 rows total so 5/14 should be correct. Also add flex-wrap so there are no partial rows visible.

src/app/(infoscreen)/@transit/page.tsx

@@ -136,13 +136,13 @@ const Transit = async () => {
 					{leftStoptimes}
 				</div>
 				<div className="flex size-full w-1/3 flex-col">
-					<div className="flex h-2/3 w-full flex-col">
+					<div className="flex h-9/14 w-full flex-col flex-wrap">
 						<div className="flex w-full justify-between bg-sky-700 p-3">
 							<p>A.I. Virtasen aukio</p>
 						</div>
 						{rightStoptimes}
 					</div>
-					<div className="flex h-1/3 w-full flex-col">
+					<div className="flex h-5/14 w-full flex-col flex-wrap">
 						<div className="flex w-full justify-between bg-sky-700 p-3">
 							<p>Nylanderinpuisto</p>
 						</div>

tailwind.config.js

@@ -52,6 +52,10 @@ module.exports = {
 				m_plus_rounded: ['var(--font-m-plus-rounded)'],
 				gabarito: ['var(--font-gabarito)'],
 			},
+			spacing: {
+				'5/14': '35.714286%',
+				'9/14': '64.285714%',
+			},
 		},
 	},
 	plugins: [],