changed some of the layout for better view

widget_group22/forum/templates/forum/addforumposts.html

 {% extends "forum/base.html" %}
 
 {% block content %}
-    <center>New Forum Post</center>
+    <h1><center>New Forum Post</center></h1>
     <a href = "/forum/" style="background-color:whitesmoke;border:2px solid black;">Back to main Forum</a>
+    <button class="button" type="submit">Save Post</button>
     <form action="{% url 'forum:addForumPosts' %}" method="POST">
         {% csrf_token %}
-        <center>Title:{{addposts.post_title}} Author: {{addposts.author}} {{addposts.pub_date}}</center>
-        
+        <center>Title:{{addposts.post_title}} 
     <br>
+        Author: {{addposts.author}} {{addposts.pub_date}}</center>
         <br>
-        Post Body:
+        <p6 style="background-color:aquamarine;">Post Body:</p6>
         <center style="background-color: aquamarine;">{{addposts.post_body}}</center>
         <br>
-        <button class="button" type="submit">Save Post</button>
+        Optional: Add Photo
         {{addposts.photo}}
     </form>
     
-    <br>
-    
 {% endblock %}
\ No newline at end of file

widget_group22/forum/templates/forum/details.html

 {% extends "forum/base.html" %}
 
 {% block content %}
-<h1><b> '{{post.post_title}}'</b></h1>
+<h1><b><center> '{{post.post_title}}'</center></b></h1>
 <p style="font-size:15px;margin-left: 20px;border:none;background-color:aqua;"> by <i>{{post.author.first_name}} {{post.author.last_name}}</i> on {{post.pub_date|date:'d/m/Y'}}</p>
 <p style="font-size:30px;margin-left: 40px;border:none;background-color:aqua;">{{post.post_body}}{% load static %} </p>
 <center>{% load static %} <img src="{% static img %}" style="width:450px;"/></center>