From 87eb786498e598a319dfa305cf43c4ab664d26a4 Mon Sep 17 00:00:00 2001
From: Přemysl Eric Janouch <p@janouch.name>
Date: Sat, 16 Dec 2023 20:49:05 +0100
Subject: Style the view better

---
 public/style.css | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

(limited to 'public/style.css')

diff --git a/public/style.css b/public/style.css
index 7daa69b..7feddb2 100644
--- a/public/style.css
+++ b/public/style.css
@@ -1,5 +1,7 @@
 body { margin: 0; padding: 0; font-family: sans-serif; }
 
+a { color: inherit; }
+
 .container { display: flex; flex-direction: column;
 	height: 100vh; width: 100vw; overflow: hidden; }
 .body { display: flex; flex-grow: 1; overflow: hidden; }
@@ -11,7 +13,7 @@ ul.sidebar { margin: 0; padding: 0; background: #eee;
 	border-right: 1px solid #ccc; min-width: 10rem; overflow: auto; }
 ul.sidebar li { margin: 0; padding: 0; }
 ul.sidebar li a { padding: .25rem .5rem; padding-left: 30px;
-	color: #000; display: block; text-decoration: none; white-space: nowrap; }
+	display: block; text-decoration: none; white-space: nowrap; }
 ul.sidebar li a:hover { background: #ddd; }
 
 ul.sidebar li.parent a {
@@ -29,12 +31,19 @@ ul.sidebar li.child a {
 .browser { overflow: auto; display: flex; flex-wrap: wrap;
 	align-content: flex-start; justify-content: center; align-items: center;
 	gap: 10px; padding: 9px; }
-.browser:focus-visible { outline: 0; box-shadow: 0; }
+.browser:focus-visible { outline: 0; box-shadow: none; }
 .browser img { display: block; box-shadow: 0 0 3px rgba(0, 0, 0, 0.75); }
 
-.view { overflow: hidden; display: flex;
+.view { display: flex; flex-grow: 1; overflow: hidden;
 	justify-content: center; align-items: center; }
 .view img { max-width: 100%; max-height: 100%; }
 
 .viewbar { padding: .25rem .5rem; background: #eee;
 	border-left: 1px solid #ccc; min-width: 20rem; overflow: auto; }
+.viewbar h2 { margin: 0.5em 0 0.25em 0; padding: 0; font-size: 1.2rem; }
+.viewbar h3 { margin: 0.25em 0; padding: 0; font-size: 1.1rem; }
+.viewbar ul { margin: 0; padding: 0 0 0 1.25em; list-style-type: "- "; }
+.viewbar ul.tags { padding: 0; list-style-type: none; }
+.viewbar li { margin: 0; padding: 0; }
+.viewbar meter { width: 1.25rem;
+	/* background: white; border: 1px solid #ccc; */ }
-- 
cgit v1.2.3-70-g09d2