From d16f9c88f6b7c8e7fe2bc534848b725193d1ccd5 Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hn@stylite.de>
Date: Wed, 28 Oct 2015 11:43:03 +0000
Subject: [PATCH] Fix single video in video tutorials sidebox shows extra
 spaces at top and bottom

---
 phpgwapi/templates/default/def_tutorials.css  |  4 ++++
 phpgwapi/templates/default/def_tutorials.less |  4 ++++
 pixelegg/css/mobile.css                       | 15 +++++++++------
 pixelegg/css/pixelegg.css                     | 13 ++++++++-----
 4 files changed, 25 insertions(+), 11 deletions(-)

diff --git a/phpgwapi/templates/default/def_tutorials.css b/phpgwapi/templates/default/def_tutorials.css
index 37104b48f4..63cde131a4 100644
--- a/phpgwapi/templates/default/def_tutorials.css
+++ b/phpgwapi/templates/default/def_tutorials.css
@@ -67,6 +67,10 @@ span.egw_tutorial_title {
 [id^="egw_tutorial_"][id$="sidebox_list"] {
   overflow-x: hidden;
   overflow-y: auto;
+  max-height: 200px;
+}
+#list_grid_wrapper {
+  max-height: 200px;
 }
 #home-tutorial_list {
   float: left;
diff --git a/phpgwapi/templates/default/def_tutorials.less b/phpgwapi/templates/default/def_tutorials.less
index 14f60aa933..3d786bc4ae 100644
--- a/phpgwapi/templates/default/def_tutorials.less
+++ b/phpgwapi/templates/default/def_tutorials.less
@@ -68,6 +68,10 @@ span.egw_tutorial_title {
 [id^="egw_tutorial_"][id$="sidebox_list"] {
 	overflow-x: hidden;
 	overflow-y: auto;
+	max-height: 200px;
+}
+#list_grid_wrapper {
+	max-height: 200px;
 }
 
 
diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css
index 5f35512e4d..035e6e18f4 100644
--- a/pixelegg/css/mobile.css
+++ b/pixelegg/css/mobile.css
@@ -2194,7 +2194,6 @@ body {
  * @package pixelegg
  * @version $Id$
  */
-@import-once "def_colors.less";
 #socialMedia {
   position: relative;
   bottom: 20px;
@@ -4272,7 +4271,7 @@ td.message span.message {
   text-decoration: none;
   height: 32px;
   /*font-size: 1.1em;*/
-  font-size: 12.100000000000001px;
+  font-size: 12.1px;
   line-height: 1.5em;
 }
 #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a:hover {
@@ -4296,7 +4295,7 @@ td.message span.message {
 }
 #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_home:before {
   padding-right: 20px;
-  font-size: 12.100000000000001px;
+  font-size: 12.1px;
   content: " ";
   background-image: url(../images/topmenu_items/home.png);
   background-repeat: no-repeat;
@@ -4692,7 +4691,7 @@ td.message span.message {
   padding-left: 3em;
   color: #999999;
   /*font-size: 12px;*/
-  font-size: 12.100000000000001px;
+  font-size: 12.1px;
   line-height: 17px;
 }
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header object {
@@ -4864,7 +4863,7 @@ td.message span.message {
   margin: 5px 0px 3px 5px;
   padding: 0px 0px 0px 15px;
   line-height: 1em;
-  font-size: 12.100000000000001px;
+  font-size: 12.1px;
   background-image: url(../images/arrow_left.png);
   background-repeat: no-repeat;
   background-position: left center;
@@ -6435,6 +6434,10 @@ span.egw_tutorial_title {
 [id^="egw_tutorial_"][id$="sidebox_list"] {
   overflow-x: hidden;
   overflow-y: auto;
+  max-height: 200px;
+}
+#list_grid_wrapper {
+  max-height: 200px;
 }
 #home-tutorial_list {
   float: left;
@@ -7058,7 +7061,7 @@ span.egw_tutorial_title {
     margin: 5px 0px 3px 5px;
     padding: 0px 0px 0px 15px;
     line-height: 1em;
-    font-size: 12.100000000000001px;
+    font-size: 12.1px;
     background-image: url(../images/arrow_left.png);
     background-repeat: no-repeat;
     background-position: left center;
diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css
index 270c74d671..5fae97d3e6 100644
--- a/pixelegg/css/pixelegg.css
+++ b/pixelegg/css/pixelegg.css
@@ -2183,7 +2183,6 @@ body {
  * @package pixelegg
  * @version $Id$
  */
-@import-once "def_colors.less";
 #socialMedia {
   position: relative;
   bottom: 20px;
@@ -4261,7 +4260,7 @@ td.message span.message {
   text-decoration: none;
   height: 32px;
   /*font-size: 1.1em;*/
-  font-size: 12.100000000000001px;
+  font-size: 12.1px;
   line-height: 1.5em;
 }
 #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a:hover {
@@ -4285,7 +4284,7 @@ td.message span.message {
 }
 #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_home:before {
   padding-right: 20px;
-  font-size: 12.100000000000001px;
+  font-size: 12.1px;
   content: " ";
   background-image: url(../images/topmenu_items/home.png);
   background-repeat: no-repeat;
@@ -4681,7 +4680,7 @@ td.message span.message {
   padding-left: 3em;
   color: #999999;
   /*font-size: 12px;*/
-  font-size: 12.100000000000001px;
+  font-size: 12.1px;
   line-height: 17px;
 }
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header object {
@@ -4853,7 +4852,7 @@ td.message span.message {
   margin: 5px 0px 3px 5px;
   padding: 0px 0px 0px 15px;
   line-height: 1em;
-  font-size: 12.100000000000001px;
+  font-size: 12.1px;
   background-image: url(../images/arrow_left.png);
   background-repeat: no-repeat;
   background-position: left center;
@@ -6424,6 +6423,10 @@ span.egw_tutorial_title {
 [id^="egw_tutorial_"][id$="sidebox_list"] {
   overflow-x: hidden;
   overflow-y: auto;
+  max-height: 200px;
+}
+#list_grid_wrapper {
+  max-height: 200px;
 }
 #home-tutorial_list {
   float: left;