fix group warning on mobile

files/assets/css/main.css

@@ -7719,3 +7719,9 @@ thead {
 		left: calc(50% - 122px);
 	}
 }
+
+@media (min-width: 768px) {
+	#group-warning {
+		max-width: 50%
+	}
+}

files/templates/groups.html

@@ -6,7 +6,7 @@
 		<form class="mt-3" action="/create_group" method="post" data-nonce="{{g.nonce}}" data-onsubmit="sendFormXHRReload(this)">
 			<div class="container pb-0" style="background-color: transparent !important">
 				<div class="row">
-					<div class="col col-md-6 px-0 py-3 py-md-0">
+					<div class="col col-md-6 px-0 pt-3 py-md-0">
 						<div class="body">
 							<input hidden name="formkey" value="{{v|formkey}}">
 							<label for="title">Group Name</label>
@@ -25,7 +25,7 @@
 			</div>
 		</form>
 
-		<p class="text-danger" style="max-width: 50%">
+		<p id="group-warning" class="text-danger">
 			Warning: ping groups can get usurped from their owners if they spend more than a month not reviewing membership applications.
 		</p>