From b00aea67a40b338feb76b6a5f7510ef6dbc697aa Mon Sep 17 00:00:00 2001
From: Aevann <randomname42029@gmail.com>
Date: Thu, 15 Feb 2024 20:48:51 +0200
Subject: [PATCH] fix group warning on mobile

---
 files/assets/css/main.css   | 6 ++++++
 files/templates/groups.html | 4 ++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/files/assets/css/main.css b/files/assets/css/main.css
index 05d4131f2..b8bee84d8 100644
--- a/files/assets/css/main.css
+++ b/files/assets/css/main.css
@@ -7719,3 +7719,9 @@ thead {
 		left: calc(50% - 122px);
 	}
 }
+
+@media (min-width: 768px) {
+	#group-warning {
+		max-width: 50%
+	}
+}
diff --git a/files/templates/groups.html b/files/templates/groups.html
index 3cf79349e..fac9cfb17 100644
--- a/files/templates/groups.html
+++ b/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>