From 1cb3c3a55005d0b7196724cd033aea2fa43b1562 Mon Sep 17 00:00:00 2001
From: inkletblot <solomonlaing@protonmail.com>
Date: Tue, 11 Feb 2020 23:02:11 +1030
Subject: [PATCH] tinkering with style and layout, only changed CSS and HTML

---
 README.md         | 6 +++---
 styles/h5.css     | 9 +++------
 views/home.html   | 6 ++----
 views/topics.html | 4 ++++
 4 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/README.md b/README.md
index 62c809d..a9e39a4 100644
--- a/README.md
+++ b/README.md
@@ -13,10 +13,10 @@ This is an angularjs project, currently it is a total rebuild of the forum origi
 ### Forum:
 * ***Create Category, both client and server.***
 * ***Create Topic, both client and server.***
-* **Create Post/Reply, both client and server.**
+* ***Create Post/Reply, both client and server.***
 * ***Fix and test signup.***
-* Create edit post functionality.
-* Create delete post functionality.
+* ***Create edit post functionality.***
+* ***Create delete post functionality.***
 * Menu only shows applicable items based on user level.
     * Update server/client/cookie to include all user info.
 * implement correct session with server.
diff --git a/styles/h5.css b/styles/h5.css
index 87ee684..e9dff65 100644
--- a/styles/h5.css
+++ b/styles/h5.css
@@ -16,9 +16,6 @@ header{
 }
 
 article{
-	margin-top: 5px;
-	border: 5px dashed pink;
-  border-top: none;
   float: left;
   padding: 20px 30px;
   text-align: left;
@@ -78,8 +75,6 @@ input, label, textarea, select {
 nav {
 	margin-top: 2.5%;
   float: left;
-	border: 5px dashed pink;
-	border-bottom: none;			/* avoid a double border */
 	clear: both;				/* clear:both makes sure the content div doesn't float next to this one but stays under it */
 	width:95%;
 	height:50px;
@@ -169,6 +164,7 @@ nav .userbar {
 
 .border {
   border: 3px dashed pink;
+  background-color: rgb(25, 25, 25);
   padding: 25px;
 }
 
@@ -181,7 +177,8 @@ nav .userbar {
 table {
   text-align: left;
 	border-collapse: collapse;
-	width: 100%;
+  width: fit-content;
+  margin: auto;
 }
 
 table, td, th {
diff --git a/views/home.html b/views/home.html
index 9986835..15da4ac 100644
--- a/views/home.html
+++ b/views/home.html
@@ -1,10 +1,8 @@
 <article ng-controller="forumCtrlr" ng-init="getCategories()">
 
-    <section class="item">
+    <section class="item stretch border">    
         <h3>{{titles.main.heading}}</h3>
-    </section>
-
-    <section class="item left border">
+        <br />
         <h3>{{titles.recent.heading}}</h3> <br />
         <table>
             <tr>
diff --git a/views/topics.html b/views/topics.html
index 7b79c5c..849b7fe 100644
--- a/views/topics.html
+++ b/views/topics.html
@@ -1,6 +1,10 @@
 <article ng-controller="topicsCtrlr" ng-init="getTopic()">
     <section ng-show="!error" class="item stretch border">
+        <h3>{{topic.topicSubject}}</h3> <em><p>by {{topic.posts[0].user.userName}}</p></em> <br />
+
         <table>
+
+
             <tr>
                 <th colspan="2">{{topic.topicSubject}}</th>
             </tr>