From: Mike Frysinger <vapier@gentoo.org>
Date: Tue, 14 Nov 2023 17:03:44 +0000 (-0500)
Subject: render download & docs the same
X-Git-Url: https://git.wh0rd.org/?a=commitdiff_plain;h=69165b37b32064e3ad4b84dd98369f7dbb43de74;p=nano-editor.git

render download & docs the same

Use the download table style on the docs page (center 80%),
and have them both expand to 100% on mobile.
---

diff --git a/docs.php b/docs.php
index ee9baae..c04710c 100644
--- a/docs.php
+++ b/docs.php
@@ -4,7 +4,7 @@
 <center><b>Documentation</b></center>
 <br>
 
-<table border=0 width="100%">
+<center><table border=0 id="docs">
 <tr class="inverted">
 <td width="25%">
 <center>Document Name</center>
@@ -77,6 +77,6 @@ Description
 <td>General description of noteworthy things in each release.</td>
 </tr>
 
-</table>
+</table></center>
 
 <?php include "bottom.php"; ?>
diff --git a/download.php b/download.php
index eebc1f4..9865c25 100644
--- a/download.php
+++ b/download.php
@@ -4,7 +4,7 @@
 <center><b>Downloading GNU nano</b></center>
 <br>
 
-<center><table border=0 width="80%">
+<center><table border=0 id="download">
 <tr class="inverted">
 <td>Description</td>
 <td>Links</td>
diff --git a/style.css b/style.css
index 65e93a2..670aa36 100644
--- a/style.css
+++ b/style.css
@@ -75,6 +75,11 @@ table#bottom td.indented {
 	padding-right: 1ch;
 }
 
+table#docs,
+table#download {
+	width: 80%;
+}
+
 /* Mobile (i.e. phones) */
 @media only screen and (max-width: 768px) {
 body {
@@ -90,4 +95,9 @@ table#bottom td.indented {
 	padding-left: 0.5ch;
 	padding-right: 0.5ch;
 }
+
+table#docs,
+table#download {
+	width: 100%;
+}
 }