From 9426f8fa76370ed102c63b5b44ca9f1512c83090 Mon Sep 17 00:00:00 2001 From: Mike Frysinger Date: Tue, 14 Nov 2023 11:42:03 -0500 Subject: [PATCH] tighten up bottom table for mobile Switch from using   to CSS padding. This has the advantage of shrinking when on mobile, and we can enforce a minimum padding on the right side if the elements get too close together. --- bottom.php | 18 +++++++++--------- style.css | 10 ++++++++++ 2 files changed, 19 insertions(+), 9 deletions(-) diff --git a/bottom.php b/bottom.php index c4f8b53..ab9bb5e 100644 --- a/bottom.php +++ b/bottom.php @@ -4,33 +4,33 @@
- +
- + - + - + - + - + - + - + - +
^G Get NanoGet Nano ^N NewsNews ^W WhoWho ^T GitGit
^D DocumentationDocumentation ^H HistoryHistory ^S ScreenshotsScreenshots ^C ContactContact
diff --git a/style.css b/style.css index f28304f..b865d00 100644 --- a/style.css +++ b/style.css @@ -69,6 +69,11 @@ table#homepage { padding-bottom: 3em; } +table#bottom td.indented { + padding-left: 1ch; + padding-right: 1ch; +} + /* Mobile (i.e. phones) */ @media only screen and (max-width: 768px) { body { @@ -78,4 +83,9 @@ body { table#homepage { font-size: x-small; } + +table#bottom td.indented { + padding-left: 0.5ch; + padding-right: 0.5ch; +} } -- 2.39.2