2 files changed, 20 insertions, 20 deletions
diff --git a/src/components/Comment.svelte b/src/components/Comment.svelte
index 09469cc..bc53f4d 100644
--- a/src/components/Comment.svelte
+++ b/src/components/Comment.svelte
@@ -8,24 +8,24 @@
 <div class="commentbox" id="{comment.id}">
 
   <span style="line-height: 2rem;">
-    {comment.id}
+    <span style="font-family: mono">{comment.id}</span>
     at {formatTime(comment.creationDate)} <br>
-    ->  <span style="{creatorColor(comment.commentCreator)}">
+    ->  <span style="{creatorColor(comment.commentCreator)}; font-family: mono">
       {comment.commentCreator}
     </span> <br>
   </span>
 
-    {#if comment.imageId!= null && comment.imageId != undefined}
-      {#if comment.fileType == 'image'}
-        <a href="{comment.imageId}" target="_blank" rel="noopener noreferrer">
-          <img src="{comment.imageId}" alt="{comment.imageId}" height="300px" width="300px"> <br>
-        </a>
-      {:else if comment.fileType == 'video'}
-        <video width="320" height="240" controls muted>
-          <source src="{comment.imageId}">
-        </video>
-      {/if}
+  {#if comment.imageId!= null && comment.imageId != undefined}
+    {#if comment.fileType == 'image'}
+      <a href="{comment.imageId}" target="_blank" rel="noopener noreferrer">
+        <img src="{comment.imageId}" alt="{comment.imageId}" height="300px" width="300px"> <br>
+      </a>
+    {:else if comment.fileType == 'video'}
+      <video width="320" height="240" controls muted>
+        <source src="{comment.imageId}">
+      </video>
     {/if}
+  {/if}
 
 <p>{@html comment.commentText}</p>
 
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>