Nice scrollbar

src/display.js

@@ -159,8 +159,8 @@ export class Display {
         <h1>${name}</h1>
         <p class=desc>${desc}</p>
         </header>
-        <div class=fulltext>${text}
-        <blockquote>${data.quote || ''}</blockquote></div>
+        <div class=fulltext-wrapper><div class=fulltext>${text}
+        <blockquote>${data.quote || ''}</blockquote></div></div>
       `)
       target.appendChild(wrapper)
     }

style.css

@@ -116,14 +116,21 @@ h1, .desc {
   margin-left: 0.5rem;
 }
 
-.fulltext {
+/* This wrapper is necessary so that the scrollbar doesn't clip out of
+ * the rounded border */
+.fulltext-wrapper {
   flex-grow: 1;
   background-color: #99d7e9;
   border-radius: 20px;
   border: 3px solid #1a1c1c;
   color: #1a1c1c;
+  overflow: hidden;
+}
+
+.fulltext {
   padding: 0 0.5em;
-  overflow: auto;
+  overflow-y: auto;
+  height: 100%;
 }
 
 .fulltext p {