fix citation, padding

src/routes/About.svelte

@@ -47,15 +47,17 @@
 </div>
 <div class="section">
     <h3 class="emphasis">Citing</h3>
-    <pre>
+    <div class="pre-wrapper">
+        <pre>
             <code>
                 @misc&lbrace;igf-leaderboard,
                     author = &lbrace;Dylan Ebert&rbrace;
                     title = &lbrace;IGF Leaderboard&rbrace;
                     year = &lbrace;2024&rbrace;
                     publisher = &lbrace;Hugging Face&rbrace;
-                    howpublished = &lbrace;https://huggingface.co/spaces/dylanebert/igf&rbrace;
+                    howpublished = \url&lbrace;https://huggingface.co/spaces/dylanebert/igf&rbrace;
                 &rbrace;
             </code>
         </pre>
+    </div>
 </div>

static/global.css

@@ -76,6 +76,7 @@ body {
     flex-direction: column;
     margin-left: auto;
     margin-right: auto;
+    padding: 10px;
     height: 100vh;
     overflow: hidden;
     position: relative;
@@ -98,6 +99,10 @@ body {
     }
 }
 
+.pre-wrapper {
+    overflow-x: auto;
+}
+
 .content {
     max-height: 100%;
     overflow: auto;