From 7170d359628f5ee37cfdc809285c80e5945e164f Mon Sep 17 00:00:00 2001 From: Evan Buss Date: Mon, 8 Jul 2024 23:38:33 -0400 Subject: [PATCH] style: full width links Wrap all content in the anchor tag rather than just the title so the user can click anywhere on the item to navigate / download --- html/feed.html | 19 ++++++++----------- html/static/style.css | 10 ++++++---- 2 files changed, 14 insertions(+), 15 deletions(-) diff --git a/html/feed.html b/html/feed.html index 49063e8..6defeef 100644 --- a/html/feed.html +++ b/html/feed.html @@ -39,18 +39,15 @@ diff --git a/html/static/style.css b/html/static/style.css index 211f12a..e2337e9 100644 --- a/html/static/style.css +++ b/html/static/style.css @@ -29,18 +29,19 @@ white-space: nowrap; } -#container > ul > li > img { +#container > ul > li > a > img { display: inline-block; height: 75px; margin-right: 1rem; } -#container > ul > li > .info { +#container > ul > li > a > .info { display: inline-block; vertical-align: top; white-space: normal; + max-width: calc(100% - 3rem - 75px); } -.info > p { +.info > p:not(:first-child) { font-size: 1rem; } @@ -51,7 +52,7 @@ a { } #container > ul > li a { - vertical-align: top; + width: 100%; } #container > ul > li:not(:last-child) { @@ -94,6 +95,7 @@ a { .nav-controls > a { padding: 1rem 0.5rem; + font-size: 1rem; } .nav-controls:last-child {