From 81622441be21c064ad178d0db014a6a9bf64994b Mon Sep 17 00:00:00 2001
From: jvyden <jvyden@jvyden.xyz>
Date: Mon, 21 Feb 2022 19:36:23 -0500
Subject: [PATCH] Move comment input bar to the top of the segment

Closes #170
---
 .../Pages/Partials/CommentsPartial.cshtml     | 31 +++++++++++--------
 1 file changed, 18 insertions(+), 13 deletions(-)

diff --git a/ProjectLighthouse/Pages/Partials/CommentsPartial.cshtml b/ProjectLighthouse/Pages/Partials/CommentsPartial.cshtml
index 7d038558..a4a50ec2 100644
--- a/ProjectLighthouse/Pages/Partials/CommentsPartial.cshtml
+++ b/ProjectLighthouse/Pages/Partials/CommentsPartial.cshtml
@@ -1,7 +1,6 @@
 @using System.IO
 @using System.Web
 @using LBPUnion.ProjectLighthouse.Types.Profiles
-
 <div class="ui yellow segment" id="comments">
     <style>
         .comment {
@@ -23,10 +22,23 @@
     }
     else if (!Model.CommentsEnabled)
     {
-        <b><i>Comments are disabled</i></b>
+        <b>
+            <i>Comments are disabled.</i>
+        </b>
     }
 
-    @for (int i = 0; i < Model.Comments.Count; i++)
+    @if (Model.CommentsEnabled && Model.User != null)
+    {
+        <div class="ui divider"></div>
+        <form class="ui reply form" action="@Url.RouteUrl(ViewContext.RouteData.Values)/postComment">
+            <div class="field">
+                <textarea style="min-height: 70px; height: 70px; max-height:120px" name="msg"></textarea>
+            </div>
+            <input type="submit" class="ui blue button">
+        </form>
+    }
+
+    @for(int i = 0; i < Model.Comments.Count; i++)
     {
         Comment comment = Model.Comments[i];
         DateTimeOffset timestamp = DateTimeOffset.FromUnixTimeSeconds(comment.Timestamp / 1000);
@@ -50,7 +62,9 @@
                 <b><a href="/user/@comment.PosterUserId">@comment.Poster.Username</a>: </b>
                 @if (comment.Deleted)
                 {
-                    <i><span>@decodedMessage</span></i>
+                    <i>
+                        <span>@decodedMessage</span>
+                    </i>
                 }
                 else
                 {
@@ -66,13 +80,4 @@
             </div>
         </div>
     }
-    @if(Model.CommentsEnabled && Model.User != null){
-        <div class="ui divider"></div>
-        <form class="ui reply form" action="@Url.RouteUrl(ViewContext.RouteData.Values)/postComment">
-            <div class="field">
-                <textarea style="min-height: 70px; height: 70px; max-height:120px" name="msg"></textarea>
-            </div>
-            <input type="submit" class="ui blue button">
-        </form>
-    }
 </div>
\ No newline at end of file