From 04c3e6cada11b75e6d1abef969018263be2b9925 Mon Sep 17 00:00:00 2001
From: gravel <gravel@noreply.codeberg.org>
Date: Sun, 21 May 2023 15:46:29 +0000
Subject: [PATCH] Increase tap target size & min font size

---
 output/index.css |  16 +++++---
 sites/index.php  | 100 +++++++++++++++++++++++------------------------
 2 files changed, 61 insertions(+), 55 deletions(-)

diff --git a/output/index.css b/output/index.css
index df7b61a4..41ec5728 100644
--- a/output/index.css
+++ b/output/index.css
@@ -1,12 +1,13 @@
 :root {
 	--body-margin: 8px; /* Default value in browsers */
 	--max-font-size-unitless: 18;
+	--min-font-size-unitless: 12;
 
 	/* Measurements of the width of all columns
 	except name and description on smaller screens */
-	--collapsed-static-column-width-px: 400px;
+	--collapsed-static-column-width-px: 300px;
 	--collapsed-static-column-width: calc(
-		( 400 / var(--max-font-size-unitless) ) * 1rem
+		( 300 / var(--max-font-size-unitless) ) * 1rem
 	);
 
 	/* Measurements of the width of all columns
@@ -44,7 +45,7 @@
 }
 
 html {
-	font-size: clamp(10px, 2vw, var(--max-font-size-unitless) * 1px);
+	font-size: clamp(12px, 2vw, var(--max-font-size-unitless) * 1px);
 }
 
 body {
@@ -244,6 +245,11 @@ header {
 	text-overflow: ellipsis;
 }
 
+.td_name-inner {
+	/* Block padding for inline element does not change flow, only clickbox */
+	padding-block: calc( var(--cell-padding-v) );
+}
+
 .td_language {
 	text-align: center;
 	font-size: 1.5em;
@@ -403,7 +409,7 @@ footer p {
 
 footer nav a {
 	display: inline-block;
-	margin: .25em;
+	padding: .5em;
 	white-space: nowrap;
 }
 
@@ -651,6 +657,6 @@ footer nav a {
 @media (max-width: 500px) {
 	:root {
 		/* ! For when descriptions don't wrap and 100vw doesn't work. */
-		--dynamic-columns-width: 15rem;
+		--dynamic-columns-width: 10rem;
 	}
 }
diff --git a/sites/index.php b/sites/index.php
index 78dc2fbd..3703c7f3 100644
--- a/sites/index.php
+++ b/sites/index.php
@@ -91,27 +91,27 @@
 					</span>.
 				</p>
 				<p id="disclaimer">
-						This site is not affiliated with
-						<a
-							href="https://optf.ngo"
-							target="_blank"
-						>Oxen Privacy Tech Foundation</a>.
-						<br>
-						Communities shown are fetched automatically from
-						<a
-						href="https://codeberg.org/gravel/sessioncommunities.online#which-sources-are-crawled"
-							target="_blank"
-						>various sources</a>.
-						<br>
-						<span class="js-only">
-							We make an attempt to hide communities containing
-							objectionable or illegal content, but
-							you should still proceed with caution.
-						</span>	
-						<span class="noscript">
-							Proceed with caution when joining unofficial communities.
-							As JavaScript is disabled, no communities are filtered from the list.
-						</span>			
+					This site is not affiliated with
+					<a
+						href="https://optf.ngo"
+						target="_blank"
+					>Oxen Privacy Tech Foundation</a>.
+					<br>
+					Communities shown are fetched automatically from
+					<a
+					href="https://codeberg.org/gravel/sessioncommunities.online#which-sources-are-crawled"
+						target="_blank"
+					>various sources</a>.
+					<br>
+					<span class="js-only">
+						We make an attempt to hide communities containing
+						objectionable or illegal content, but
+						you should still proceed with caution.
+					</span>
+					<span class="noscript">
+						Proceed with caution when joining unofficial communities.
+						As JavaScript is disabled, no communities are filtered from the list.
+					</span>
 				</p>
 				<p class="noscript">
 					This site works fine without JavaScript.
@@ -123,35 +123,35 @@
 						href="https://lokilocker.com/Mods/Session-Groups/wiki/Session-Closed-Groups"
 						target="_blank"
 						title="Closed groups curated by community moderators"
-						>Closed Groups</a>
-						<a
-							href="https://session.directory/"
-							target="_blank"
-							title="User-submitted closed groups, communities and user profiles. Not safe for work."
-						>session.directory</a>
-						<a
-							href="https://github.com/oxen-io/session-pysogs"
-							target="_blank"
-							title="Information about running a community server."
-						>Host Your Own Community</a>
-						<a
-							href="https://getsession.org/terms-of-service"
-							target="_blank"
-						>Session Terms Of Service</a>
-					</nav>
-					<nav>
-						<a
-							href="https://codeberg.org/gravel/sessioncommunities.online"
-							target="_blank"
-							title="sessioncommunities.online repository on Codeberg."
-						>Source Code</a>
-						<a
-							href="https://codeberg.org/gravel/sessioncommunities.online#contact"
-							target="_blank"
-							title="Information on how to contact the maintainer of sessioncommunities.online"
-						>Report an issue</a>
-					</nav>
-				</footer>
+						>Closed Groups</a
+					><a
+						href="https://session.directory/"
+						target="_blank"
+						title="User-submitted closed groups, communities and user profiles. Not safe for work."
+					>session.directory</a
+					><a
+						href="https://github.com/oxen-io/session-pysogs"
+						target="_blank"
+						title="Information about running a community server."
+					>Host Your Own Community</a
+					><a
+						href="https://getsession.org/terms-of-service"
+						target="_blank"
+					>Session Terms Of Service</a>
+				</nav>
+				<nav>
+					<a
+						href="https://codeberg.org/gravel/sessioncommunities.online"
+						target="_blank"
+						title="sessioncommunities.online repository on Codeberg."
+					>Source Code</a
+					><a
+						href="https://codeberg.org/gravel/sessioncommunities.online#contact"
+						target="_blank"
+						title="Information on how to contact the maintainer of sessioncommunities.online"
+					>Report an issue</a>
+				</nav>
+			</footer>
 			<div id="copy-snackbar"></div>
 		</div>
 	</body>