From 948e9e4e10ec67245e53b7491507ceb9e5be1538 Mon Sep 17 00:00:00 2001
From: Sebastian Castro <90scastro@gmail.com>
Date: Thu, 8 Nov 2018 21:56:30 +0100
Subject: [PATCH] colibris: responsive layout depending on plugins activated

---
 src/static/skins/colibris/src/layout.css      | 31 +++++++++++++++++--
 .../colibris/src/plugins/comments_page.css    |  3 +-
 .../colibris/src/plugins/set_title_on_pad.css | 10 ++++--
 3 files changed, 37 insertions(+), 7 deletions(-)

diff --git a/src/static/skins/colibris/src/layout.css b/src/static/skins/colibris/src/layout.css
index 4f1f4976..dfca79bd 100644
--- a/src/static/skins/colibris/src/layout.css
+++ b/src/static/skins/colibris/src/layout.css
@@ -3,7 +3,7 @@
 #import_export,
 #settings,
 #users {
-  top: 38px !important;
+  top: 38px;
   right: 30px;
 }
 
@@ -24,6 +24,10 @@
   padding-left: 40px; /* space for side div */
 }
 
+#outerdocbody.ep_author_neat {
+  padding-left: 120px;
+}
+
 #outerdocbody iframe {
   display: block;
   position: relative;
@@ -45,6 +49,22 @@
   padding: 0;
 }
 
+#outerdocbody.ep_author_neat #sidediv { 
+  right: calc(100% - 113px); 
+}
+
+@media (min-width: 1381px) { 
+  #outerdocbody.ep_comments_page  { padding-right: 150px; } }
+  #outerdocbody.ep_comments_page #comments { left: calc(100% - 150px) }
+@media (max-width: 1380px) { 
+  #outerdocbody.ep_comments_page #comments { left: calc(100% - 220px) }
+  #outerdocbody.ep_comments_page  { padding-right: 220px; } 
+}
+@media (max-width: 1278px) { 
+  #outerdocbody.ep_comments_page #comments { display: none; }
+  #outerdocbody.ep_comments_page  { padding-right: 0px; } 
+}
+
 @media (max-width:1000px) {
   #outerdocbody {
     max-width: none;
@@ -57,7 +77,13 @@
   }
   #sidediv { 
     top: 30px !important; 
-  }
+  }  
+
+  #outerdocbody.ep_author_neat #sidedivinner>div:before { padding-right: 10px !important; }
+  #outerdocbody.ep_author_neat #sidedivinner.authorColors>div, 
+  #outerdocbody.ep_author_neat #sidedivinner.authorColors>div.primary-none, 
+  #outerdocbody.ep_author_neat #sidedivinner>div { padding-right: 6px!important; }
+  #outerdocbody.ep_author_neat #sidediv { padding-right: 0 !important; }
 }
 
 @media (max-width:600px) {
@@ -73,3 +99,4 @@
     display: block;
   }
 }
+
diff --git a/src/static/skins/colibris/src/plugins/comments_page.css b/src/static/skins/colibris/src/plugins/comments_page.css
index 0cd614cb..425f4012 100644
--- a/src/static/skins/colibris/src/plugins/comments_page.css
+++ b/src/static/skins/colibris/src/plugins/comments_page.css
@@ -109,8 +109,7 @@ textarea.comment-suggest-to {
 }
 
 #comments {
-  top: 65px;
-  left: calc(100% - 100px);
+  top: 82px;
 }
 
 #comments .sidebar-comment {
diff --git a/src/static/skins/colibris/src/plugins/set_title_on_pad.css b/src/static/skins/colibris/src/plugins/set_title_on_pad.css
index 472a7fe5..b38c007f 100644
--- a/src/static/skins/colibris/src/plugins/set_title_on_pad.css
+++ b/src/static/skins/colibris/src/plugins/set_title_on_pad.css
@@ -1,7 +1,11 @@
 #pad_title {
-  margin-bottom: 15px !important;
+  margin-bottom: 8px !important;
   margin-top: 5px !important;
-  display: none; /* display only when page is loaded */
+  display: none; /* display only when page is loaded via javascript */
+}
+
+@media (max-width:720px) {
+  #pad_title { display: none !important; }  
 }
 
 #edit_title {
@@ -10,7 +14,7 @@
 #edit_title:before {
   font-family: fontawesome-etherpad;
   position: absolute;
-  top: 20px;
+  top: 15px;
   font-size: 14px;
   content: "\E839";
   margin-left: 10px;