From 34be0e700de8c47c2efe6f6e7df30ad5055dcbff Mon Sep 17 00:00:00 2001
From: ghalestrilo <ghalestrilo@gmail.com>
Date: Fri, 7 Aug 2020 14:17:26 -0300
Subject: [PATCH] :sparkles: add visibility padding to the bottom of the editor
 wrapper

---
 client/components/mobile/IDEWrapper.jsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/client/components/mobile/IDEWrapper.jsx b/client/components/mobile/IDEWrapper.jsx
index 0982cf81..5e66ee01 100644
--- a/client/components/mobile/IDEWrapper.jsx
+++ b/client/components/mobile/IDEWrapper.jsx
@@ -2,7 +2,10 @@ import React from 'react';
 import styled from 'styled-components';
 import { remSize } from '../../theme';
 
+// Applies padding to top and bottom so editor content is always visible
+
 export default styled.div`
   z-index: 0;
   margin-top: ${remSize(16)};
+  .CodeMirror-sizer > * { padding-bottom: ${remSize(320)}; };
 `;