From 40a5826e7a2d81f65c56e783838518c56cf6ecec Mon Sep 17 00:00:00 2001
From: limited_dev <loginakkisativ@gmail.com>
Date: Wed, 7 Jun 2023 14:49:04 +0200
Subject: [PATCH] feat: further improved visuals

Signed-off-by: limited_dev <loginakkisativ@gmail.com>
---
 ImageBoardServerApp/Shared/Components/Comment.razor | 4 +++-
 ImageBoardServerApp/Shared/Components/Post.razor    | 4 ++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/ImageBoardServerApp/Shared/Components/Comment.razor b/ImageBoardServerApp/Shared/Components/Comment.razor
index d5b30ed..cf6e091 100644
--- a/ImageBoardServerApp/Shared/Components/Comment.razor
+++ b/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>
 }
     
diff --git a/ImageBoardServerApp/Shared/Components/Post.razor b/ImageBoardServerApp/Shared/Components/Post.razor
index a24a83b..d1bcec1 100644
--- a/ImageBoardServerApp/Shared/Components/Post.razor
+++ b/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>