From 69165b37b32064e3ad4b84dd98369f7dbb43de74 Mon Sep 17 00:00:00 2001
From: Mike Frysinger <vapier@gentoo.org>
Date: Tue, 14 Nov 2023 12:03:44 -0500
Subject: [PATCH] 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.
---
 docs.php     |  4 ++--
 download.php |  2 +-
 style.css    | 10 ++++++++++
 3 files changed, 13 insertions(+), 3 deletions(-)

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%;
+}
 }
-- 
2.39.5