Merge branch 'forumv2'

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-add.html

@@ -2,6 +2,10 @@
 
 {% load static %}
 
+{% block stylesheets %}
+    <link rel = "stylesheet" type ="text/css" href = "{% static 'stylesheets/forms.css' %}">
+{% endblock %}
+
 {% block title %}Add Post{% endblock %}
 
 {% block content %}
@@ -18,9 +22,12 @@
     {% endfor %}
 
     <h1>Add a new post: </h1>
+
+<div class = "form">
     <form method = 'POST'>
         {% csrf_token %}
         {{ form.as_p }}
         <input type = "submit" value = "Save New Post">
     </form>
+</div>
 {% endblock %}
\ No newline at end of file

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

@@ -2,9 +2,15 @@
 
 {% load static %}
 
+{% block stylesheets %}
+    <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 %}
 
-{% block content %}
+<div class ="forum-content"> 
+    {% block content %}
         <h1>{{ object.title }}</h1>
         <h2>by {{ object.author.first_name }} {{ object.author.last_name }}</h2>
         <h3>{{ object.pub_datetime|date:'m/d/Y, H:i A' }}</h2>
@@ -21,8 +27,7 @@
             {% endfor %}
         </ul>
 
-    <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

@@ -2,6 +2,10 @@
 
 {% load static %}
 
+{% block stylesheets %}
+    <link rel="stylesheet" type="text/css" href="{% static 'stylesheets/forms.css' %}">
+{% endblock %}
+
 {% block title %}Edit Post{% endblock %}
 
 {% block content %}
@@ -18,9 +22,12 @@
     {% endfor %}
 
     <h1>Edit Post:</h1>
+
+<div class = "forum">
     <form method = 'POST'>
         {% csrf_token %}
         {{ form.as_p }}
         <input type = "submit" value = "Save Changes to Post">
     </form>
+</div>
 {% endblock %}
\ No newline at end of file