From 52bd496b1fafb281ac022aed9c05d6444ac4d651 Mon Sep 17 00:00:00 2001
From: justcool393 <justcool393@gmail.com>
Date: Fri, 14 Jul 2023 23:07:42 -0500
Subject: [PATCH] Profile Settings tab fixes

---
 files/templates/settings_profile.html | 89 ++++++++++++++-------------
 1 file changed, 45 insertions(+), 44 deletions(-)

diff --git a/files/templates/settings_profile.html b/files/templates/settings_profile.html
index a70791a50..0ccbdc142 100644
--- a/files/templates/settings_profile.html
+++ b/files/templates/settings_profile.html
@@ -7,50 +7,50 @@
 		<div class="settings">
 			<h2 class="h5" name="referral">Theme</h2>
 			<div class="settings-section rounded">
-					<div class="d-lg-flex border-bottom">
-						<div class="title w-lg-25">
-							<label for="cardview">Card View</label>
-						</div>
-						<div class="body w-lg-100">
-							<div class="custom-control custom-switch">
-								<input autocomplete="off" type="checkbox" class="custom-control-input" id="cardview" name="cardview"{% if v.cardview %} checked{% endif %} onchange="post_toast(this,'/settings/profile?cardview='+document.getElementById('cardview').checked);">
-								<label class="custom-control-label" for="cardview"></label>
-							</div>
-							<span class="text-small-extra text-muted">Enable if you would like to display images and videos in full size on the frontpage.</span>
+				<div class="d-lg-flex border-bottom">
+					<div class="title w-lg-25">
+						<label for="cardview">Card View</label>
+					</div>
+					<div class="body w-lg-100">
+						<div class="custom-control custom-switch">
+							<input autocomplete="off" type="checkbox" class="custom-control-input" id="cardview" name="cardview"{% if v.cardview %} checked{% endif %} onchange="post_toast(this,'/settings/profile?cardview='+document.getElementById('cardview').checked);">
+							<label class="custom-control-label" for="cardview"></label>
 						</div>
+						<span class="text-small-extra text-muted">Enable if you would like to display images and videos in full size on the frontpage.</span>
+					</div>
+				</div>
+
+				<div class="d-lg-flex border-bottom">
+					<div class="title w-lg-25">
+						<label for="highlightcomments">Highlight New Comments</label>
 					</div>
 
-					<div class="d-lg-flex border-bottom">
-						<div class="title w-lg-25">
-							<label for="highlightcomments">Highlight New Comments</label>
-						</div>
-
-						<div class="body w-lg-100">
-							<div class="custom-control custom-switch">
-								<input autocomplete="off" type="checkbox" class="custom-control-input" id="highlightcomments" name="highlightcomments"{% if v.highlightcomments %} checked{% endif %} onchange="post_toast(this,'/settings/profile?highlightcomments='+document.getElementById('highlightcomments').checked);">
-								<label class="custom-control-label" for="highlightcomments"></label>
-							</div>
-							<span class="text-small-extra text-muted">Enable if you would like to highlight comments made after the last time you visited a thread.</span>
+					<div class="body w-lg-100">
+						<div class="custom-control custom-switch">
+							<input autocomplete="off" type="checkbox" class="custom-control-input" id="highlightcomments" name="highlightcomments"{% if v.highlightcomments %} checked{% endif %} onchange="post_toast(this,'/settings/profile?highlightcomments='+document.getElementById('highlightcomments').checked);">
+							<label class="custom-control-label" for="highlightcomments"></label>
 						</div>
+						<span class="text-small-extra text-muted">Enable if you would like to highlight comments made after the last time you visited a thread.</span>
 					</div>
+				</div>
 
-					<div class="d-lg-flex border-bottom">
-						<div class="title w-lg-25">
-							<label for="theme">Website Theme</label>
-						</div>
-						<div class="body w-lg-100">
-							<p>Change the theme for the website.</p>
-							<div class="input-group mb2">
-								<select autocomplete="off" id='theme' class="form-control" form="profile-settings" name="theme" onchange="post_toast(this,'/settings/profile?theme='+document.getElementById('theme').value, '1')">
-								{% for entry in THEMES %}
-									<option value="{{entry}}" {% if v.theme==entry %} selected {% endif %}>
-										{{entry}}
-									</option>
-								{% endfor %}
+				<div class="d-lg-flex border-bottom">
+					<div class="title w-lg-25">
+						<label for="theme">Website Theme</label>
+					</div>
+					<div class="body w-lg-100">
+						<p>Change the theme for the website.</p>
+						<div class="input-group mb2">
+							<select autocomplete="off" id='theme' class="form-control" form="profile-settings" name="theme" onchange="post_toast(this,'/settings/profile?theme='+document.getElementById('theme').value, '1')">
+							{% for entry in THEMES %}
+								<option value="{{entry}}" {% if v.theme==entry %} selected {% endif %}>
+									{{entry}}
+								</option>
+							{% endfor %}
 							</select>
-							</div>
-							<span class="text-small-extra text-muted">Themes are not officially supported. If you run into an issue, please report it or submit a pull request.</span>
 						</div>
+						<span class="text-small-extra text-muted">Themes are not officially supported. If you run into an issue, please report it or submit a pull request.</span>
+					</div>
 				</div>
 			</div>
 
@@ -75,8 +75,8 @@
 					</div>
 				</div>
 			</div>
-			<h2 class="h5">Profile Banner</h2>
 
+			<h2 class="h5">Profile Banner</h2>
 			<div class="settings-section rounded">
 				<div class="d-flex">
 					<div class="title w-lg-75 text-md-center">
@@ -110,12 +110,13 @@
 							<input autocomplete="off" type="text" readonly="" class="form-control copy-link" id="referral_code" value="{{SITE_FULL}}/signup?ref={{v.username}}" data-clipboard-text="{{SITE_FULL}}/signup?ref={{v.username}}">
 							<span class="input-group-append" data-bs-toggle="tooltip" data-bs-placement="top" title="You have referred {{v.referral_count}} user{{'s' if v.referral_count != 1 else ''}} so far. {% if v.referral_count==0 %}¯\_(ツ)_/¯{% elif v.referral_count>10%}Wow!{% endif %}">
 								<span class="input-group-text text-primary border-0">
-									<i class="far fa-user mr-1" aria-hidden="true"></i>{{v.referral_count}}</span>
+									<i class="far fa-user mr-1" aria-hidden="true"></i>{{v.referral_count}}
 								</span>
-							</div>
-							<div class="text-small-extra text-muted mt-3">
-								Share this link with a friend. {% if v.referral_count==0 %} When they sign up, you'll get the bronze recruitment badge.{% elif v.referral_count<10 %} When you refer 10 friends, you'll receive the silver recruitment badge.{% elif v.referral_count<100 %} When you refer 100 friends, you'll receive the gold recruitment badge.{% endif %}
-							</div>
+							</span>
+						</div>
+						<div class="text-small-extra text-muted mt-3">
+							Share this link with a friend. {% if v.referral_count==0 %} When they sign up, you'll get the bronze recruitment badge.{% elif v.referral_count<10 %} When you refer 10 friends, you'll receive the silver recruitment badge.{% elif v.referral_count<100 %} When you refer 100 friends, you'll receive the gold recruitment badge.{% endif %}
+						</div>
 					</div>
 				</div>
 			</div>
@@ -232,7 +233,7 @@
 						<form id="profile-bio" action="/settings/profile" method="post" enctype="multipart/form-data">
 							{{forms.formkey(v)}}
 							<div class="input-group mb-2">
-								<textarea autocomplete="off"  id="bio-text" class="form-control rounded" aria-label="With textarea" placeholder="Tell the community a bit about yourself." rows="3" name="bio" form="profile-bio" maxlength="1500">{% if v.bio %}{{v.bio}}{% endif %}</textarea>
+								<textarea autocomplete="off" id="bio-text" class="form-control rounded" aria-label="With textarea" placeholder="Tell the community a bit about yourself." rows="3" name="bio" form="profile-bio" maxlength="1500">{% if v.bio %}{{v.bio}}{% endif %}</textarea>
 							</div>
 							<div class="d-flex">
 								<pre style="padding-top:0.7rem" class="btn btn-secondary format d-inline-block m-0 fas fa-bold" aria-hidden="true" onclick="makeBold('bio-text')" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Bold"></pre>
@@ -263,7 +264,7 @@
 						<form id="profile-friends" action="/settings/profile" method="post" enctype="multipart/form-data">
 							{{forms.formkey(v)}}
 							<div class="input-group mb-2">
-								<textarea autocomplete="off"  id="friends-text" class="form-control rounded" aria-label="With textarea" placeholder="Enter your friends on the site..." rows="3" name="friends" form="profile-friends" maxlength="1500">{% if v.friends %}{{v.friends}}{% endif %}</textarea>
+								<textarea autocomplete="off" id="friends-text" class="form-control rounded" aria-label="With textarea" placeholder="Enter your friends on the site..." rows="3" name="friends" form="profile-friends" maxlength="1500">{% if v.friends %}{{v.friends}}{% endif %}</textarea>
 							</div>
 							<pre></pre>
 							<div class="d-flex">