feat(tag): style on hover

scss/main.scss

@@ -73,6 +73,7 @@ main {
   transition: .3s;
   max-height: 75vh;
   overflow: auto;
+  scrollbar-width: thin;
   & h1, h2, h3 {
     margin: 0;
   }

scss/tag.scss

@@ -16,21 +16,18 @@
     }
   }
   & p {
-    display: none;
-    @media only screen and (max-width: vars.$bp-little) {
-      display: block;
-    }
+    display: block;
+    margin-top: 0.5rem;
   }
 }
 
 .tag {
   cursor: pointer;
+  padding: 0.5rem;
+  border-radius: 16px;
   @media only screen and (max-width: vars.$bp-little) {
     cursor: auto;
   }
-  & h4:hover {
-    text-decoration: underline;
-  }
   &.active {
     & h4 {
       margin-bottom: 0.5rem;
@@ -39,4 +36,10 @@
       display: block;
     }
   }
+  &:hover {
+    background: var(--tag-hover);
+    & h4 {
+      font-weight: bold;
+    }
+  }
 }