From 8726d9c2737d313036a2a35037af752f59b48bb6 Mon Sep 17 00:00:00 2001
From: Michael Foiani <mfoiani2019@communiyschoolnaples.org>
Date: Wed, 26 Sep 2018 08:54:00 -0400
Subject: Quick update to comment section.

---
 src/actions/app.js              |  7 +------
 src/components/forum-element.js | 40 +++++++++++++++++++++++++++++++++-------
 src/components/mao-app.js       |  2 +-
 src/components/mao-forums.js    |  2 +-
 4 files changed, 36 insertions(+), 15 deletions(-)

(limited to 'src')

diff --git a/src/actions/app.js b/src/actions/app.js
index 31b51a4..7c5b321 100644
--- a/src/actions/app.js
+++ b/src/actions/app.js
@@ -57,12 +57,7 @@ const loadPage = (page) => (dispatch, getState) => {
     break;
 
     case 'admin':
-      if(getState().firebaseAdmin.isAdmin) {
-        import('../components/mao-admin.js');
-      } else {
-        page = 'view404';
-        import('../components/my-view404.js');
-      }
+      import('../components/mao-admin.js');
     break;
 
     default:
diff --git a/src/components/forum-element.js b/src/components/forum-element.js
index 3177892..c45c664 100644
--- a/src/components/forum-element.js
+++ b/src/components/forum-element.js
@@ -58,17 +58,33 @@ class ForumElement extends connect(store)(LitElement) {
           margin-top:   5px;
       }
 
-      .comment-title {
-        text-align: center;
+      .comment-author {
+        text-align:   right;
+        font-weight:  lighter;
+        font-style:   italic;
+        word-break:   break-all;
       }
 
-      .comment-author {
-        text-align:   center;
+      .comment-date {
+        text-align:   left;
         font-weight:  lighter;
         font-style:   italic;
         word-break:   break-all;
       }
 
+      .comment {
+        border: 1px solid black;
+        border-radius: 25px;
+        background: #e1e1e1;
+        padding: 20px; 
+        margin-bottom: 10px;
+      }
+
+      .title-grid {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+      }
+
       .forum-date {
         text-align: left;
       }
@@ -114,7 +130,6 @@ class ForumElement extends connect(store)(LitElement) {
 
             <div hidden="${!props.showComments}">
                 <hr hidden="${!props.showComments && !props.postComment}">
-                <h4 class="comment-title">Comments</h4>
                 <div id="comment-area"></div> 
             </div>
         </div>
@@ -179,15 +194,26 @@ class ForumElement extends connect(store)(LitElement) {
 
       for(var i = this.comments.length-1; i >= 0; i--) {
         var commentElement = document.createElement('div');
+        commentElement.classList.add('comment');
+
+        var titleGrid = document.createElement('div');
+        titleGrid.classList.add('title-grid');
 
-        var authorElement = document.createElement('h4');
+        var dateElement = document.createElement('span');
+        dateElement.classList.add('comment-date');
+        dateElement.innerHTML = this.comments[i].date.toDate().toLocaleDateString("en-US");
+        
+        var authorElement = document.createElement('span');
         authorElement.classList.add('comment-author');
         authorElement.innerHTML = this.comments[i].user;
 
+        titleGrid.appendChild(dateElement);
+        titleGrid.appendChild(authorElement);
+
         var contentElement = document.createElement('p');
         contentElement.innerHTML = this.comments[i].content;
 
-        commentElement.appendChild(authorElement);
+        commentElement.appendChild(titleGrid);
         commentElement.appendChild(contentElement);
 
         commentArea.appendChild(commentElement);
diff --git a/src/components/mao-app.js b/src/components/mao-app.js
index 820322d..65a1841 100644
--- a/src/components/mao-app.js
+++ b/src/components/mao-app.js
@@ -231,7 +231,7 @@ class MaoApp extends connect(store)(LitElement) {
     </main>
 
     <footer>
-      <p>Designed with &hearts; by Lucy Wood.</p>
+      <p>Designed with &hearts; by John Neumann.</p>
     </footer>
 
     <snack-bar active?="${_snackbarOpened}">
diff --git a/src/components/mao-forums.js b/src/components/mao-forums.js
index b7631d2..cf58bc4 100644
--- a/src/components/mao-forums.js
+++ b/src/components/mao-forums.js
@@ -77,7 +77,7 @@ class MaoForums extends connect(store)(PageViewElement) {
 
       .post-grid {
         display:  grid;
-        grid-gap: 10px;
+        grid-gap: 8px;
 
         grid-template-columns: 1fr;
       }
-- 
cgit v1.2.3-70-g09d2