From daea4cb084aff340d5e5b389dd322fc181622282 Mon Sep 17 00:00:00 2001
From: MrOtherGuy <jastekken@outlook.com>
Date: Fri, 4 Sep 2020 09:48:21 +0300
Subject: [PATCH] Don't scroll category list with long code-block

---
 html_resources/main.css | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/html_resources/main.css b/html_resources/main.css
index 2db9013..36a79ed 100644
--- a/html_resources/main.css
+++ b/html_resources/main.css
@@ -1,5 +1,6 @@
 body{background-color: rgb(60,50,70); color: silver; margin: 0px }
 #ui{ display: flex; }
+#site{ height: 100vh; overflow-y: auto; flex: 1 }
 
 .categoryList{
   padding-block: 1em;
@@ -34,7 +35,7 @@ a:visited{ color: rgb(150,100,200) }
 a:hover{ color: rgb(200,150,100) }
 pre:empty{ display: none }
 .category{ padding: 0.2em 1em; cursor: pointer; text-transform: capitalize }
-#categories > .category[data-value]::after{ content: " (" attr(data-value) ")"}
+#categories > .category[data-value]::after{ content: " (" attr(data-value) ")"; float: right}
 
 .currentCategory,
 .category:hover{ background-color: grey }
@@ -48,7 +49,7 @@ pre:empty{ display: none }
   border: 1px solid rgb(40,40,40);
   border-radius: 4px;
   max-width: 50ch;
-  cursor: default
+  cursor: pointer
 }
 .target > a{
   content: "";
@@ -59,6 +60,7 @@ pre:empty{ display: none }
   background-size: contain;
 }
 .target:hover{ background-color: rgb(80,80,90) }
+.target > a:hover{ filter: drop-shadow(0 0 3px fuchsia) }
 /*#targets{ display: grid; grid-template-columns: 1fr 1fr 1fr }*/
 #targets{
   display: flex;