removed extra forum.css and fixed errors

widget_princessgabi/forum/static/forum.css

-body {
-    height: 100vh;
-    background-color: #E9E3FE;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.forum-content {
-    margin-top: auto;
-    padding: 2rem;
-    border-radius: 0.5rem;
-    background-color: white
-}

widget_princessgabi/forum/static/forum/forum.css

+body {
+    height: 100vh;
+    background-color: #E9E3FE;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.forum-content {
+    margin-top: auto;
+    padding: 2rem;
+    border-radius: 0.5rem;
+    background-color: white
+}

widget_princessgabi/forum/templates/forum/forumpost-details.html

@@ -3,8 +3,9 @@
 {% load static %}
 
 {% block stylesheets %}
-    <link rel="stylesheet" type="text/css" href="{% static ‘forum/forum.css' %}">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <link rel="stylesheet" type="text/css" href="{% static 'forum/forum.css' %}">
+    <link rel="stylesheet" href="'https://cdnjs.cloudfare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+{% endblock %}
 
 {% block title %} {{ object.title }} {% endblock %}
 
@@ -26,11 +27,7 @@
             {% endfor %}
         </ul>
 
-        <a href = "{% url 'forum:formpost-edit' forumpost.id %}" class = "edit-btn" ><i class = "fa fa-edit"></i>Edit Post</a>
-
-        <form action = "./edit">
-            <input type = "submit" value = "Edit Post">
-        </form>
+        <a href = "{% url 'forum:forumpost-edit' forumpost.id %}" class = "edit-btn" ><i class = "fa fa-edit"></i>Edit Post</a>
 </div>
 
 {% endblock %}
\ No newline at end of file

widget_princessgabi/forum/templates/forum/forumpost-edit.html

@@ -23,7 +23,7 @@
 
     <h1>Edit Post:</h1>
 
-<div class = "form">
+<div class = "forum">
     <form method = 'POST'>
         {% csrf_token %}
         {{ form.as_p }}