From 52dd381304bf920eeced8985e8ab1d4cb1bc40a4 Mon Sep 17 00:00:00 2001
From: Mitja Felicijan <mitja.felicijan@gmail.com>
Date: Fri, 25 Oct 2019 01:49:59 +0200
Subject: Added simple commenting system with Firebase Database integration

---
 src/static/style.css | 40 +++++++++++++++++++++++++++++++++++++---
 1 file changed, 37 insertions(+), 3 deletions(-)

(limited to 'src/static/style.css')

diff --git a/src/static/style.css b/src/static/style.css
index b7fe7f7..f76fea0 100644
--- a/src/static/style.css
+++ b/src/static/style.css
@@ -1,3 +1,7 @@
+* {
+  box-sizing: border-box;
+}
+
 body {
     line-height: 150%;
     margin-bottom: 100px;
@@ -39,14 +43,19 @@ img {
 }
 
 ul.article-list li {
-    margin-bottom: 10px;
+  margin-bottom: 10px;
+}
+
+ul.article-list li div {
+  display: flex;
 }
 
 ul.article-list time {
-    display: inline-block;
-    min-width: 120px;
+  display: inline-block;
+  min-width: 130px;
 }
 
+
 article .info {
     font-style: oblique;
 }
@@ -84,6 +93,31 @@ p.modified {
     color: #000;
 }
 
+
+.comments {
+  margin-top: 50px;
+}
+.comments ul {
+  margin-top: 30px;
+  padding-left: 15px;
+}
+.comments ul li {
+  margin-bottom: 20px;
+}
+.comments input,
+.comments textarea {
+  width: 100%;
+  padding: 10px;
+  margin-bottom: 10px;
+  font-family: inherit;
+  font-size: inherit;
+  border: 1px solid lightgray;
+}
+.comments textarea {
+  resize: vertical;
+  height: 100px;
+}
+
 @media only screen and (max-width:480px) {
     main {
         padding: 20px;
-- 
cgit v1.2.3