Improved responsive styles for the editor

src/components/MarkdownEditor/components/ClickablePadding/ClickablePadding.js

@@ -1,13 +1,13 @@
 import React from 'react';
 
-const styles = {
-  paddingTop: "100px",
-  cursor: "text",
-};
+import styles from './ClickablePadding.scss';
 
 const ClickablePadding = (props) => {
   return (
-    <div style={ styles } onClick={ props.onClick }>&nbsp;</div>
+    <div
+      className={ styles.container }
+      onClick={ props.onClick }
+    >&nbsp;</div>
   )
 };
 

src/components/MarkdownEditor/components/ClickablePadding/ClickablePadding.scss

@@ -0,0 +1,10 @@
+.container {
+  padding-top: 100px;
+  cursor: text;
+}
+
+@media all and (max-width: 960px) {
+  .container {
+    padding-top: 50px;
+  }
+}