uptime monitor mobile fixes

src/pages/_includes/layout/headers/uptime.html

 <div class="page-header d-print-none">
-	<div class="row align-items-center">
+	<div class="row g-3 align-items-center">
 		<div class="col-auto">
 			{% include ui/status-indicator.html animated=true color="green" %}
 		</div>
@@ -16,7 +16,7 @@
 			</div>
 		</div>
 
-		<div class="col-auto ms-auto d-print-none">
+		<div class="col-md-auto ms-auto d-print-none">
 			<div class="btn-list">
 				{% include ui/button.html text="Configure" icon="settings" %}
 				{% include ui/button.html color="primary" text="Pause this monitor" icon="player-pause" %}

src/pages/uptime.html

@@ -5,7 +5,7 @@ menu: extra.uptime
 ---
 
 <div class="row row-cards">
-	<div class="col-4">
+	<div class="col-md-4">
 		<div class="card">
 			<div class="card-body">
 				<div class="subheader">Currently up for</div>
@@ -13,7 +13,7 @@ menu: extra.uptime
 			</div>
 		</div>
 	</div>
-	<div class="col-4">
+	<div class="col-md-4">
 		<div class="card">
 			<div class="card-body">
 				<div class="subheader">Last checked at</div>
@@ -21,7 +21,7 @@ menu: extra.uptime
 			</div>
 		</div>
 	</div>
-	<div class="col-4">
+	<div class="col-md-4">
 		<div class="card">
 			<div class="card-body">
 				<div class="subheader">Incidents</div>
@@ -29,7 +29,7 @@ menu: extra.uptime
 			</div>
 		</div>
 	</div>
-	<div class="col-8">
+	<div class="col-md-8">
 		<div class="card">
 			<div class="card-body">
 				<h3 class="card-title">Response times across regions in the last day</h3>
@@ -37,7 +37,7 @@ menu: extra.uptime
 			</div>
 		</div>
 	</div>
-	<div class="col-4">
+	<div class="col-md-4">
 		<div class="card">
 			<div class="card-body">
 				<h3 class="card-title">Uptime incidents per day</h3>