tinkering with style and layout, only changed CSS and HTML

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.

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 {

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>

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>