From da51eafad7f93042d703f8156f8184c09f3e7c53 Mon Sep 17 00:00:00 2001
From: Aevann <randomname42029@gmail.com>
Date: Sun, 7 Apr 2024 06:09:43 +0200
Subject: [PATCH] add horizontal padding on mobile

---
 files/templates/contact.html | 42 +++++++++++++++++++-----------------
 1 file changed, 22 insertions(+), 20 deletions(-)

diff --git a/files/templates/contact.html b/files/templates/contact.html
index 7891a526b..4d9654457 100644
--- a/files/templates/contact.html
+++ b/files/templates/contact.html
@@ -1,29 +1,31 @@
 {% extends "default.html" %}
 {% block pagetitle %}Contact{% endblock %}
 {% block content %}
-	<h1>Contact {{SITE_NAME}} Admins</h1>
-	{% if v %}
-		<form id="contactform" action="/contact" method="post" enctype="multipart/form-data" data-nonce="{{g.nonce}}" data-onsubmit="contact(this)">
-			<label for="input-message" class="mt-3">Your message</label>
-			<input hidden name="formkey" value="{{v|formkey}}" class="notranslate" translate="no">
-			<textarea autocomplete="off" maxlength="10000" id="input-message" form="contactform" name="message" class="file-ta form-control" required></textarea>
-			<div class="format-btns">
-				{{macros.emoji_btn('input-message')}}
-				{{macros.gif_btn('input-message')}}
-				{{macros.file_btn('file-upload-contact')}}
-				<input type="submit" value="Submit" class="btn btn-primary ml-auto">
-			</div>
-		</form>
+	<div class="px-2 px-md-0">
+		<h1>Contact {{SITE_NAME}} Admins</h1>
+		{% if v %}
+			<form id="contactform" action="/contact" method="post" enctype="multipart/form-data" data-nonce="{{g.nonce}}" data-onsubmit="contact(this)">
+				<label for="input-message" class="mt-3">Your message</label>
+				<input hidden name="formkey" value="{{v|formkey}}" class="notranslate" translate="no">
+				<textarea autocomplete="off" maxlength="10000" id="input-message" form="contactform" name="message" class="file-ta form-control" required></textarea>
+				<div class="format-btns">
+					{{macros.emoji_btn('input-message')}}
+					{{macros.gif_btn('input-message')}}
+					{{macros.file_btn('file-upload-contact')}}
+					<input type="submit" value="Submit" class="btn btn-primary ml-auto">
+				</div>
+			</form>
 
-		{% include "modals/emoji.html" %}
-		{% include "modals/gif.html" %}
+			{% include "modals/emoji.html" %}
+			{% include "modals/gif.html" %}
 
-		{% if SITE_NAME == 'rDrama' %}
-			<h5 class="mt-5">If you can see this line, we haven't been contacted by any law enforcement or governmental organizations in 2024 yet.</h5>
+			{% if SITE_NAME == 'rDrama' %}
+				<h5 class="mt-5">If you can see this line, we haven't been contacted by any law enforcement or governmental organizations in 2024 yet.</h5>
+			{% endif %}
+		{% else %}
+			<h4>by email: {{EMAIL}}</h4>
 		{% endif %}
-	{% else %}
-		<h4>by email: {{EMAIL}}</h4>
-	{% endif %}
+	</div>
 
 	<script defer src="{{'js/contact.js' | asset}}"></script>
 {% endblock %}