feat: further improved visuals

Signed-off-by: limited_dev <loginakkisativ@gmail.com>

ImageBoardServerApp/Shared/Components/Comment.razor

@@ -24,7 +24,7 @@
             @if (image != null)
             {
                 string isActiveClass = isActive ? "active" : "";
-                                <img @onclick="() => isActive = !isActive" class="@isActiveClass" src="@($"{@image.ImageLocation}?size=258x258")" alt="No Image found" />
+                <img @onclick="() => isActive = !isActive" class="@isActiveClass" src="@($"{@image.ImageLocation}?size=258x258")" alt="No Image found" />
             }
         </div>
         <div class="threadTextContainer">
@@ -84,11 +84,13 @@
         </div>
     </div>
     <div class="threadFooter">
+        <span>[</span>
         <a class="repButton" href="@reportURL" target="_blank">Report</a>
         @if (canDel)
         {
             <button class="delButton" onclick="@deletePost">Delete</button>
         }
+        <span>]</span>
     </div>
 }
     

ImageBoardServerApp/Shared/Components/Post.razor

@@ -84,6 +84,7 @@
         <div class="threadFooter">
             <AuthorizeView Roles="Admin, Mod">
                 <Authorized>
+                    <span>[</span>
                     @if (post.IsSticky)
                     {
                         <button class="statButton" onclick="@stickyMe">Unsticky</button>
@@ -100,8 +101,10 @@
                     {
                         <button class="statButton" onclick="@lockMe">Lock</button>
                     }
+                    <span>]</span>
                 </Authorized>
             </AuthorizeView>
+            <span>[</span>
             <a class="repButton" href="@reportURL" target="_blank">Report</a>
             @if (canDel)
             {
@@ -115,6 +118,7 @@
             {
                 <span class="openThread">@post.Comments.Count Comments</span>
             }
+            <span>]</span>
         </div>
     }
 </div>