Index: src/main/resources/templates/moderatorPost.html
===================================================================
--- src/main/resources/templates/moderatorPost.html	(revision 5306751d2d24af6bfb27078e1727d579fa8b5939)
+++ src/main/resources/templates/moderatorPost.html	(revision ab4933857c0cfa01b78b275c9ecbb8ae480c8737)
@@ -24,18 +24,23 @@
                 <div id="myCarousel" class="carousel carousel-dark slide card" data-bs-ride="carousel">
                     <div class="carousel-indicators">
-                        <button th:each="image, itrStat : ${post.moderatorPath}" type="button" data-bs-target="#myCarousel"
-                                th:data-bs-slide-to="${itrStat.index}" th:classappend="${itrStat.index} == 0 ? active"></button>
+                        <button th:each="image, itrStat : ${post.moderatorPath}" type="button"
+                                data-bs-target="#myCarousel"
+                                th:data-bs-slide-to="${itrStat.index}"
+                                th:classappend="${itrStat.index} == 0 ? active"></button>
                     </div>
                     <div class="carousel-inner">
-                        <div th:each="image, itrStat : ${post.moderatorPath}" th:classappend="${itrStat.index} == 0 ? active"
+                        <div th:each="image, itrStat : ${post.moderatorPath}"
+                             th:classappend="${itrStat.index} == 0 ? active"
                              class="carousel-item">
                             <img class="card-img" th:src="${image}" style="object-fit: contain">
                         </div>
                     </div>
-                    <button class="carousel-control-prev" type="button" data-bs-target="#myCarousel" data-bs-slide="prev">
+                    <button class="carousel-control-prev" type="button" data-bs-target="#myCarousel"
+                            data-bs-slide="prev">
                         <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                         <span class="visually-hidden">Previous</span>
                     </button>
-                    <button class="carousel-control-next" type="button" data-bs-target="#myCarousel" data-bs-slide="next">
+                    <button class="carousel-control-next" type="button" data-bs-target="#myCarousel"
+                            data-bs-slide="next">
                         <span class="carousel-control-next-icon" aria-hidden="true"></span>
                         <span class="visually-hidden">Next</span>
@@ -50,5 +55,6 @@
                 <p th:text="${post.description}"></p>
                 <h5>Funds needed:</h5>
-                <p><span th:text="${total}"></span>/<span th:text="${post.fundsNeeded}"></span> - <span th:text="${post.currency}"></span></p>
+                <p><span th:text="${total}"></span>/<span th:text="${post.fundsNeeded}"></span> - <span
+                        th:text="${post.currency}"></span></p>
                 <h5>Date due:</h5>
                 <p th:text="${post.dateDue}"></p>
@@ -61,22 +67,29 @@
                 <p><span th:text="${createdByFirstName}"></span> <span th:text="${createdByLastName}"></span></p>
 
-                <a class="btn btn-success" th:href="@{/moderator/approvePost(postid=${post.id})}">Approve</a>
-                <button type="button" class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#staticBackdrop">
-                    Dont Approve
-                </button>
+                <div th:unless="${approved}">
+                    <a class="btn btn-success" th:href="@{/moderator/approvePost(postid=${post.id})}">Approve</a>
+                    <button type="button" class="btn btn-danger" data-bs-toggle="modal"
+                            data-bs-target="#staticBackdrop">
+                        Dont Approve
+                    </button>
+                </div>
 
                 <!-- Modal -->
-                <div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
+                <div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false"
+                     tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
                     <div class="modal-dialog modal-dialog-centered">
                         <div class="modal-content">
                             <div class="modal-header">
-                                <h5 class="modal-title" id="staticBackdropLabel">Donate</h5>
-                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                                <h5 class="modal-title" id="staticBackdropLabel">Dont approve</h5>
+                                <button type="button" class="btn-close" data-bs-dismiss="modal"
+                                        aria-label="Close"></button>
                             </div>
                             <div class="modal-body">
                                 <div class="card-body">
-                                    <form th:action="@{/moderator/dontApprove(postid=${post.id})}" method="post" id="myForm">
+                                    <form th:action="@{/moderator/dontApprove(postid=${post.id})}" method="post"
+                                          id="myForm">
                                         <label for="description">Description</label>
-                                        <textarea class="form-control" id="description" name="description" rows="5"></textarea>
+                                        <textarea class="form-control" id="description" name="description"
+                                                  rows="5"></textarea>
                                     </form>
                                 </div>
