feat: correct font size for workouts on mobile

Signed-off-by: Matt Gleich <git@mattglei.ch>

Author: gleich

src/lib/index/sections/workouts/workout.svelte

@@ -25,7 +25,7 @@
 				target="_blank"
 			>
 				<Scrolling>
-					<h4>{workout.name}</h4>
+					<h4 class="workout-name">{workout.name}</h4>
 				</Scrolling>
 				<div class="platform-icon">
 					{#if workout.platform === 'strava'}
@@ -99,6 +99,15 @@
 	}
 
 	@media (max-width: 500px) {
+		.workout-name {
+			font-size: 1.4rem;
+		}
+
+		.platform-icon {
+			width: 19px;
+			height: 19px;
+		}
+
 		.time {
 			font-size: 12.5px;
 		}

src/routes/writing/lcp/cache-status.svelte

@@ -11,15 +11,13 @@
 </script>
 
 <Card padding="0">
-	<div class="container">
-		<div class="header">
-			<p class="cache-name">{name} Cache</p>
-			{#if updated}
-				<p class="online">ONLINE</p>
-			{:else}
-				<p class="offline">OFFLINE</p>
-			{/if}
-		</div>
+	<div class="header">
+		<p class="cache-name">{name} Cache</p>
+		{#if updated}
+			<p class="online">ONLINE</p>
+		{:else}
+			<p class="offline">OFFLINE</p>
+		{/if}
 	</div>
 	<div class="refresh">
 		<div class="refresh-icon">
@@ -84,8 +82,8 @@
 	}
 
 	.refresh {
-		padding: 20px 10px;
-		padding-bottom: 15px;
+		padding: 15px 10px;
+		padding-bottom: 10px;
 		display: flex;
 		gap: 10px;
 		align-items: center;
@@ -103,7 +101,7 @@
 
 	.updated {
 		color: grey;
-		padding: 5px;
+		padding-bottom: 5px;
 		display: flex;
 		align-items: center;
 		justify-content: center;