shii.moe

commit 0d82de01e8310e04575b62d496444c796c559ebc
parent ec93c3b0b72125ad16b3398973a9654d3a4de4de
Author: Shiimoe <SameulFrost@tuta.io>
Date:   Sun, 13 Sep 2020 21:13:08 +0100

updated style of comments

Diffstat:
M
templates/guestbook.html
 | 
14
++++++++++----

1 file changed, 10 insertions(+), 4 deletions(-)
diff --git a/templates/guestbook.html b/templates/guestbook.html
@@ -10,8 +10,11 @@
         .date {
             float: right;
         }
+        .date, .name {
+            color: #0007;
+        }
         .comment-text {
-            clear: left;
+            margin-top: 0.5em;
         }
         .comments {
             margin-top: 3em;
@@ -27,6 +30,9 @@
             font-size: 1em;
             width: 30%;
         }
+        .comment {
+            margin: 1.5em 0;
+        }
     </style>
 
     <link rel='stylesheet' type='text/css' href="style.css"/>
@@ -58,11 +64,11 @@
     <div class="comments">
         {% for comment in comments %}
         <div class="comment">
-            <span class="name">{{ comment['name'] }}</span><span class="date">{{ comment['date'] }}</span>
-            <br>
+            <span class="name">~ {{ comment['name'] }}</span><span class="date">{{ comment['date'] }}</span>
+            <div style="clear: left;"></div>
             <p class="comment-text" style="font-size: 120%;">{{ comment['comment'] }}</p>
+            <hr style="border: none; height: 3pt; background: #0002;">
         </div>
-        <hr>
         {% endfor %}
     </div>
     {% else %}