Updated comments & schema DDL

public/static/css/styles.css

@@ -13,6 +13,15 @@ Notes:	 omninotesweb
 /*--------------------------------------
 Layout
 -------------------------------------- */
+
+.commentslist {
+    background-color: #f5f5f5;
+}
+
+.comment {
+    padding-left: 25px;
+    padding-top: 5px;
+}
 ul{
     list-style-type: none;
 }
@@ -325,7 +334,7 @@ Media Queries
     float:right;
     margin-top: 10px;
   }
-
+  
 
   body{
     margin-top:105px;

schema.sql

@@ -11,3 +11,5 @@ finish_date timestamp
 CREATE TABLE files(name varchar(1000) not null, autoName varchar(255) not null);
 
 CREATE TABLE category( id integer primary key autoincrement ,name varchar(1000) not null);
+
+CREATE TABLE comments(id integer primary key autoincrement, content ntext, taskID references task(id));

templates/home.html

@@ -54,21 +54,19 @@
 
         <span class="noteContent">
             {{$value.Content}}
-                <span class="noteComments">
+                 <div class="commentslist">
-                    <ul>
                     {{range $value.Comments}}
-                        <li>{{.Content}}</li>
+                        <div class="comment">{{.Content}}</div>
                     {{end}}
                     
-                    <li>
+                    <div class="comment">
                         <form method="POST" action="/add-comment/">
-                        <textarea rows="2" cols="30" name="commentText" placeholder="Add Comment"></textarea>
+                        <textarea rows="1" cols="30" name="commentText" placeholder="Add Comment"></textarea>
                         <input type="text" class="hidden" name="taskID" value="{{$value.Id}}">
                         <input type="submit" value="Comment" class="btn btn-primary" />
                         </form> 
-                    </li>
+                    </div>
-                    </ul>
+                 </div>
-                </span>
         </span>
 
         <span class="notefooter">