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 ee9baaeb3f38d31ac71f8f00c5000c5abffe74b2..c04710c1ee63259c4ebebd96a6fd90877a605a0d 100644 (file)
--- 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 eebc1f4d8be6bf89de63bbee5d78c482df6df207..9865c25369543f5c80385ee4f31b34bef5e4b7dc 100644 (file)
--- 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 65e93a22b383d0288b000944a48798b3e5ed1a95..670aa363adc9c62eb42be51f3d72c91bc06f1e2c 100644 (file)
--- 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%;
+}
 }