From 21de2bf4a0287a6b5ba9a45d2f4ce8cdacefc340 Mon Sep 17 00:00:00 2001
From: Sebastian Castro <sebastian.castro@protonmail.com>
Date: Thu, 9 Apr 2020 08:40:49 +0200
Subject: [PATCH] css: fix default skin after all the changes made to Colibris

---
 src/static/css/iframe_editor.css                  | 2 +-
 src/static/css/pad.css                            | 3 ++-
 src/static/css/pad/chat.css                       | 1 +
 src/static/css/pad/popup.css                      | 4 ++--
 src/static/css/pad/toolbar.css                    | 2 +-
 src/static/css/timeslider.css                     | 7 +++++--
 src/static/skins/colibris/src/components/chat.css | 2 +-
 7 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/src/static/css/iframe_editor.css b/src/static/css/iframe_editor.css
index 7c3a8862..4312f7b8 100644
--- a/src/static/css/iframe_editor.css
+++ b/src/static/css/iframe_editor.css
@@ -98,7 +98,7 @@ body.doesWrap:not(.noprewrap) > div {
 #sidediv:not(.sidedivdelayed) { /* before sidediv get initialized, hide text */
   color: transparent;
 }
-.sidedivhidden {
+#sidediv.sidedivhidden {
   /* Do not use display: none to hide the sidediv, otherwise the parent container does not
        get its height properly calculated by flexboxes */
   visibility: hidden;
diff --git a/src/static/css/pad.css b/src/static/css/pad.css
index 30b9e1dd..0a66bc8c 100644
--- a/src/static/css/pad.css
+++ b/src/static/css/pad.css
@@ -24,12 +24,13 @@ html,
 }
 
 select {
-  padding: 2px;
+  padding: 3px;
   border-radius: 3px;
   border: 1px solid #ccc;
   outline: none;
   width: 120px;
   cursor: pointer;
+  background-color: white;
 }
 
 .clear {
diff --git a/src/static/css/pad/chat.css b/src/static/css/pad/chat.css
index 2686efdf..2baa0c15 100644
--- a/src/static/css/pad/chat.css
+++ b/src/static/css/pad/chat.css
@@ -66,6 +66,7 @@
 #titlebar #titlelabel {
   margin: 4px 0 0 4px;
   display: inline;
+  font-size: 1.4rem;
 }
 #titlebar .stick-to-screen-btn,
 #titlebar .hide-reduce-btn {
diff --git a/src/static/css/pad/popup.css b/src/static/css/pad/popup.css
index 8d2681fa..55488a20 100644
--- a/src/static/css/pad/popup.css
+++ b/src/static/css/pad/popup.css
@@ -19,8 +19,6 @@
   right: 30px;
   visibility: hidden;
   z-index: 500;
-  min-width: 300px;
-  max-width: 600px;
 }
 #mycolorpicker {
   top: 0;
@@ -35,6 +33,8 @@
   border: 1px solid #ccc;
   box-shadow: 0 2px 4px #ddd;
   background: #f7f7f7;
+  min-width: 300px;
+  max-width: 600px;
 }
 .popup input[type=text] {
   width: 100%;
diff --git a/src/static/css/pad/toolbar.css b/src/static/css/pad/toolbar.css
index 3d930e39..93508ab3 100644
--- a/src/static/css/pad/toolbar.css
+++ b/src/static/css/pad/toolbar.css
@@ -1,6 +1,7 @@
 .toolbar {
   display: none;
   background-color: #f4f4f4;
+  color: #666;
   border-bottom: 1px solid #ccc;
   overflow: hidden;
   justify-content: space-between;
@@ -38,7 +39,6 @@
   border: 1px solid #ccc;
   border-radius: 3px;
   background: #fff;
-  color: #ccc;
   cursor: pointer;
   overflow: hidden;
   text-decoration: none;
diff --git a/src/static/css/timeslider.css b/src/static/css/timeslider.css
index 264728c5..c53323d3 100644
--- a/src/static/css/timeslider.css
+++ b/src/static/css/timeslider.css
@@ -51,8 +51,8 @@
 
 #timeslider-slider #timer {
   position: absolute;
-  top: 0;
-  right: 0;
+  top: -10px;
+  right: -10px;
 }
 
 #timeslider-slider #ui-slider-bar {
@@ -121,11 +121,14 @@
 }
 #outerdocbody {
   display: block;
+  width: 100%;
 }
 
 #innerdocbody {
   white-space: normal;
   word-break: break-word;
+  width: 100%;
+  height: 100%;
 }
 
 @media (max-width: 720px) {
diff --git a/src/static/skins/colibris/src/components/chat.css b/src/static/skins/colibris/src/components/chat.css
index 4035223b..fb50c70b 100644
--- a/src/static/skins/colibris/src/components/chat.css
+++ b/src/static/skins/colibris/src/components/chat.css
@@ -32,7 +32,7 @@
   font-weight: bold;
 }
 
-#titlelabel { font-size: 16px; }
+#titlebar #titlelabel { font-size: 16px; }
 #chatlabel { margin-right: 15px; }
 
 #chattext {