From 564ac35aa3cee68c11d22dd340042e7eecf0360c Mon Sep 17 00:00:00 2001 From: Adam Davidson Date: Wed, 3 Jan 2024 17:22:28 +0000 Subject: [PATCH 1/4] Adjusted HTML files to make them responsive (issue #51) HTML adjusted to make them responsive and better sized when viewed on a mobile device. There should be no change when viewing these on tablets large screens. Changes include: - Making containers 100% wide on screens below the Bootstrap "lg" breakpoint. This removes the left and right outer margins, making the most of available space on small screens. - Making the navigation menu collapse on small screens, to be replaced by a "hamburger" icon that then expands to show the menu when clicked. - Making all tables responsive so that they can be horizontally scrolled on small screens. - Table items now centrally align vertically on the table rows (using the "align-middle" class"). --- internal/web/templates/auth.html | 8 ++-- internal/web/templates/config.html | 8 ++-- internal/web/templates/footer.html | 3 +- internal/web/templates/header.html | 29 ++++++------ internal/web/templates/history.html | 18 ++++---- internal/web/templates/host.html | 68 ++++++++++++++--------------- internal/web/templates/index.html | 42 ++++++++++-------- internal/web/templates/line.html | 16 +++---- internal/web/templates/login.html | 4 +- internal/web/templates/port.html | 4 +- 10 files changed, 104 insertions(+), 96 deletions(-) diff --git a/internal/web/templates/auth.html b/internal/web/templates/auth.html index 817f227..5f3382e 100644 --- a/internal/web/templates/auth.html +++ b/internal/web/templates/auth.html @@ -1,9 +1,9 @@ {{ define "auth" }} -
+
-
+
@@ -37,7 +37,7 @@
-
+