From 780eaad573cca02f3949529e734b1ff533137746 Mon Sep 17 00:00:00 2001
From: Sebastian Castro <sebastian.castro@protonmail.com>
Date: Fri, 17 Apr 2020 09:00:45 +0200
Subject: [PATCH] no-skin: fix toolbar icons position

---
 src/static/css/pad/icons.css                         | 7 ++-----
 src/static/css/pad/layout.css                        | 2 +-
 src/static/skins/colibris/src/components/buttons.css | 4 ++++
 3 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/static/css/pad/icons.css b/src/static/css/pad/icons.css
index 329114909..ab0f45b32 100644
--- a/src/static/css/pad/icons.css
+++ b/src/static/css/pad/icons.css
@@ -42,9 +42,6 @@
   font-variant: normal;
   text-transform: none;
 
-  /* fix buttons height, for twitter bootstrap */
-  line-height: 1em;
-
   /* Font smoothing. That was taken from TWBS */
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
@@ -60,7 +57,7 @@
   content: "\e843";
   left: -9px;
   position: absolute;
-  top: -7px;
+  top: -9px;
 }
 .buttonicon-settings:before {
   content: "\e851";
@@ -90,7 +87,7 @@
 .ep_font_color .buttonicon:before { content: '\e84e' !important; border-bottom: solid 2px #e42a2a;  }
 
 .buttonicon-underline:before {
-  top: -7px;
+  top: -8px;
   left: -8px;
   position: absolute;
 }
diff --git a/src/static/css/pad/layout.css b/src/static/css/pad/layout.css
index 0f543187e..f2f2f1fdb 100644
--- a/src/static/css/pad/layout.css
+++ b/src/static/css/pad/layout.css
@@ -41,6 +41,6 @@ body {
 
 @media only screen and (max-width: 720px) {
   #editorcontainerbox {
-    margin-bottom: 37px; /* Leave space for the bottom toolbar on mobile */
+    margin-bottom: 39px; /* Leave space for the bottom toolbar on mobile */
   }
 }
diff --git a/src/static/skins/colibris/src/components/buttons.css b/src/static/skins/colibris/src/components/buttons.css
index 475a4a370..ccaea9d4d 100644
--- a/src/static/skins/colibris/src/components/buttons.css
+++ b/src/static/skins/colibris/src/components/buttons.css
@@ -24,4 +24,8 @@ button, .btn
   color: var(--text-color);
 }
 
+.buttonicon:before, [class^="buttonicon-"]:before, [class*=" buttonicon-"]:before {
+  line-height: 18px;
+}
+