1 files changed, 8 insertions, 8 deletions
diff --git a/src/components/Thread.svelte b/src/components/Thread.svelte
index 8e07c9f..fee1a78 100644
--- a/src/components/Thread.svelte
+++ b/src/components/Thread.svelte
@@ -21,10 +21,10 @@
 {#if thread.id != "rules"}
   <div class="threadbox" id="{thread.id}">
     <span style="line-height: 2rem;">
-      <a href="/board/{board}/{thread.id}">{thread.id}</a>
+      <a href="/board/{board}/{thread.id}" style="font-family: mono">{thread.id}</a>
       at {formatTime(thread.creationDate)} <br>
 
-      ->  <span style="{creatorColor(thread.threadCreator )}">
+      ->  <span style="{creatorColor(thread.threadCreator )}; font-family: mono">
         {thread.threadCreator}
       </span > <br>
 
@@ -33,8 +33,8 @@
           {#each replies as id}
             <a href="/board/{board}/{thread.id}#{id}" onmouseover="document.getElementById('{id}').classList.add('targeted')" onmouseleave="document.getElementById('{id}').classList.remove('targeted')">>>{id}</a> &#xfeff
           {/each}
-      </span> <hr>
-    {/if}
+        </span> <hr>
+      {/if}
 
     </span>
 
@@ -60,15 +60,15 @@
 {/if}
 
 <style>
-.threadbox {
+  .threadbox {
     width: 600px;
     border: 10px solid green;
     padding: 10px;
     margin: 10px;
     margin-left: 0px;
     background-color: white;
-}
-:target, .targeted {
+  }
+  :target, .targeted {
     background-color: #ffa;
-}
+  }
 </style>