From 6de996c9732280d4a072c4300c303b8e6ed6c2c7 Mon Sep 17 00:00:00 2001
From: Sebastian Castro <sebastian.castro@protonmail.com>
Date: Thu, 16 Apr 2020 17:15:49 +0200
Subject: [PATCH] css: various improvements

---
 src/static/css/pad/chat.css                      |  1 +
 .../skins/colibris/src/components/chat.css       | 16 +++++++++-------
 .../skins/colibris/src/components/form.css       |  2 +-
 .../skins/colibris/src/plugins/comments.css      |  9 +++++++++
 4 files changed, 20 insertions(+), 8 deletions(-)

diff --git a/src/static/css/pad/chat.css b/src/static/css/pad/chat.css
index 2baa0c159..8d1aa1f92 100644
--- a/src/static/css/pad/chat.css
+++ b/src/static/css/pad/chat.css
@@ -87,6 +87,7 @@
   background-color: white;
   overflow-y: auto;
   flex: 1 auto;
+  height: 0; /* strange bug on firefox, if height is not set, the chattext grow bigger than the maximum height */
 }
 #chattext p {
   padding: 3px;
diff --git a/src/static/skins/colibris/src/components/chat.css b/src/static/skins/colibris/src/components/chat.css
index 52599d3e1..ce4604298 100644
--- a/src/static/skins/colibris/src/components/chat.css
+++ b/src/static/skins/colibris/src/components/chat.css
@@ -27,10 +27,6 @@
   background-color: var(--bg-soft-color);
 }
 
-#chatbox.stickyChat.chatAndUsersChat .chat-content {
-
-}
-
 #titlebar {
   bottom: 0;
   line-height: 44px;
@@ -48,14 +44,20 @@
 #chatlabel { margin-right: 15px; }
 
 #chattext {
-  padding: 10px;
+  padding: 0;
   border-top: 1px solid var(--bg-color);
   border-bottom: 1px solid var(--bg-color); /*#e5e7ea;*/
   background-color: inherit;
   color: inherit;
 }
-#chattext.authorColors {
-  padding: 0;
+#chattext p {
+  padding: 4px 10px;
+}
+#chattext p:first-child {
+  padding-top: 10px;
+}
+#chattext p:last-child {
+  padding-bottom: 10px;
 }
 
 .plugin-ep_author_neat #chattext.authorColors p,
diff --git a/src/static/skins/colibris/src/components/form.css b/src/static/skins/colibris/src/components/form.css
index bb1efc010..66ed337bc 100644
--- a/src/static/skins/colibris/src/components/form.css
+++ b/src/static/skins/colibris/src/components/form.css
@@ -49,7 +49,7 @@ select, .nice-select {
 
 [type="checkbox"] + label {
   position: relative;
-  padding-left: 3rem;
+  padding-left: 2.5rem;
   cursor: pointer;
   display: inline-block;
   height: 1.4rem;
diff --git a/src/static/skins/colibris/src/plugins/comments.css b/src/static/skins/colibris/src/plugins/comments.css
index febe835e2..6f20156e4 100644
--- a/src/static/skins/colibris/src/plugins/comments.css
+++ b/src/static/skins/colibris/src/plugins/comments.css
@@ -50,6 +50,8 @@
 .comment-edit-form {
   margin-top: 15px;
 }
+
+/* MODAL */
 .comment-modal .full-display-content {
   box-shadow: none;
   margin: 0 !important;
@@ -65,8 +67,13 @@
 .comment-modal .comment-reply {
   border-top: 1px solid var(--bg-soft-color);
 }
+.comment-modal .full-display-content .comment-title-wrapper,
+.comment-modal .full-display-content .comment-reply {
+  padding: 15px;
+}
 
 
+/* NEW COMMENT POPUP */
 .new-comment-popup textarea {
   background-color: var(--bg-soft-color);
 }
@@ -75,11 +82,13 @@
 }
 
 
+/* EDITOR COMMENTEED LINE */
 #innerdocbody .ace-line .comment {
   background-color: #fffacc;
   color: var(--super-dark-color);
 }
 
+
 @media (min-width: 1200px) {
   #comments {
     width: 300px;