From 99e7a11c25e704851cfbbaed64594acbbd752038 Mon Sep 17 00:00:00 2001
From: David Vazgenovich Shakaryan <dvshakaryan@gmail.com>
Date: Tue, 10 May 2022 12:28:58 -0700
Subject: web: ui improvements, mainly for mobile

Using a `100vh' height results in the bottom bit of the UI being cropped
until scrolling down, while using `100%' results in the address bar
always wasting space. By combining these with a fixed-position element,
we're able to have the UI grow and shrink as the address bar visibility
changes.
---
 web/static/index.html | 2 ++
 1 file changed, 2 insertions(+)

(limited to 'web/static/index.html')

diff --git a/web/static/index.html b/web/static/index.html
index d9d8718..1e5b9a5 100644
--- a/web/static/index.html
+++ b/web/static/index.html
@@ -67,6 +67,7 @@
 		</div>
 		<div id="help-modal" class="modal">
 			<div class="modal-content">
+				<p><span class="modal-close">[Close]</span></p>
 				<h2>dartboat</h2>
 				<p>dartboat uses an internal representation of a specification dartboard. Darts are thrown following a normal distribution, with the resultant coordinates used to calculate the segments in which they land. The idea is that this provides a more realistic opponent than picking points at random.</p>
 				<h2>Settings</h2>
@@ -77,6 +78,7 @@
 				<p>The controls are designed to be keyboard-friendly. The keys should be fairly intuitive for the most part.</p>
 				<h2>Info</h2>
 				<p>dartboat is <a href="https://retarded.software/dartboat.git/" target="_blank">free and open-source software</a>. It is written in C and compiled to WebAssembly for the web target. JavaScript is used to handle the interactive elements.</p>
+				<p><span class="modal-close">[Close]</span></p>
 			</div>
 		</div>
 	</body>
-- 
cgit v1.2.3-70-g09d2