Improve mobile layout

src/lib/components/blog/PostContent.svelte

@@ -32,6 +32,21 @@
 <style>
 	.post-content {
 		line-height: 1.75;
+		overflow-wrap: break-word;
+	}
+
+	.post-content :global(table) {
+		display: block;
+		max-width: 100%;
+		overflow-x: auto;
+		border-collapse: collapse;
+	}
+
+	.post-content :global(th),
+	.post-content :global(td) {
+		padding: 0.35rem 0.75rem;
+		border: 1px solid color-mix(in srgb, var(--foreground) 20%, transparent);
+		text-align: left;
 	}
 
 	.post-content :global(h1),
@@ -127,6 +142,7 @@
 
 	.post-content :global(img) {
 		max-width: 100%;
+		height: auto;
 	}
 
 	.post-content :global(hr) {

src/lib/components/shell/Battery.svelte

@@ -68,5 +68,9 @@
 		.level {
 			display: none;
 		}
+
+		.battery {
+			padding: 0 0.3rem;
+		}
 	}
 </style>

src/lib/components/shell/DiscordStatus.svelte

@@ -93,5 +93,13 @@
 		.status-name {
 			display: none;
 		}
+
+		.discord-status {
+			margin-right: 2px;
+		}
+
+		.status-button {
+			padding: 0 0.45rem;
+		}
 	}
 </style>

src/lib/components/ui/Section.svelte

@@ -29,15 +29,17 @@
 	.section-title::before,
 	.section-title::after {
 		content: '';
-		height: 1px;
+		height: 0;
-		background: color-mix(in srgb, var(--foreground) 25%, transparent);
+		border-top: 1px solid color-mix(in srgb, var(--foreground) 25%, transparent);
 	}
 
 	.section-title::before {
+		flex-shrink: 0;
 		width: 1.5rem;
 	}
 
 	.section-title::after {
 		flex: 1;
+		min-width: 1rem;
 	}
 </style>