From bd23a1d72a7bdd94af5825a4fa50150d1d614467 Mon Sep 17 00:00:00 2001
From: Barbara Ramiro <barbara@moodle.com>
Date: Fri, 28 Nov 2014 14:36:38 +0800
Subject: [PATCH] MOBILE-769 Prevent bottom contents in displaying partially

---
 css/layout.css   | 10 ++++++++++
 less/layout.less | 10 ++++++++++
 2 files changed, 20 insertions(+)

diff --git a/css/layout.css b/css/layout.css
index eec32bd38..68af8d7fe 100644
--- a/css/layout.css
+++ b/css/layout.css
@@ -41,6 +41,11 @@ body {
 #panel-center.animate {
   left: 0%;
 }
+#panel-center:after {
+  content: "";
+  display: inherit;
+  height: 44px;
+}
 #panel-right {
   left: 100%;
   width: 100%;
@@ -48,6 +53,11 @@ body {
   padding-right: 50px;
   display: none;
 }
+#panel-right:after {
+  content: "";
+  display: inherit;
+  height: 44px;
+}
 #mycourses {
   overflow: auto;
   width: 100%;
diff --git a/less/layout.less b/less/layout.less
index 36d86cc3a..07777c24b 100755
--- a/less/layout.less
+++ b/less/layout.less
@@ -46,6 +46,11 @@ body {
   &.animate {
     left: 0%;
   }
+  &:after {
+    content: "";
+    display: inherit;
+    height: 44px;
+  }
 }
 
 #panel-right {
@@ -54,6 +59,11 @@ body {
   top: 44px;
   padding-right: 50px;
   display: none;
+  &:after {
+    content: "";
+    display: inherit;
+    height: 44px;
+  }
 }
 
 #mycourses {