styled closed post notice

lms/static/sass/_discussion.scss

@@ -1022,6 +1022,16 @@ body.discussion {
 
 
 
+  .bottom-post-status {
+    padding: 30px;
+    font-size: 20px;
+    font-weight: 700;
+    color: #ccc;
+    text-align: center;
+  }
+
+
+
 
   .discussion-column {
     float: right;

lms/templates/discussion/_underscore_templates.html

@@ -13,9 +13,6 @@
             <div class="post-body">
                 ${'<%- body %>'}
             </div>
-            <div class="post-status-closed" style="display: none">
-              This thread is closed.
-            </div>
             <ul class="moderator-actions">
                 <li style="display: none"><a class="action-edit" href="javascript:void(0)"><span class="edit-icon"></span> Edit</a></li>
                 <li style="display: none"><a class="action-delete" href="javascript:void(0)"><span class="delete-icon"></span> Delete</a></li>
@@ -25,6 +22,9 @@
         <ol class="responses">
             <li class="loading"><div class="loading-animation"></div></li>
         </ol>
+        <div class="post-status-closed bottom-post-status" style="display: none">
+          This thread is closed.
+        </div>
         <form class="discussion-reply-new" data-id="${'<%- id %>'}">
             <h4>Post a response:</h4>
             <ul class="discussion-errors"></ul>