Fix UI - Small Screen #7

Author: peterjuma

public/styles/style.css

@@ -129,7 +129,7 @@ body {
     display: block;
     font-size: 18px;
     width: 100%;
-    height: 98%;
+    height: 100%;
     margin-top: 10px;
 }
 
@@ -176,12 +176,16 @@ textarea {
 .markdown-body {
   box-sizing: border-box;
   margin: 0 auto;
-  margin-top: 10px;
-  margin-bottom: 5px;
+  margin-bottom: 10px;
   padding: 10px;
   font-size: 20px;
 }
 
+#btnContainer {
+  justify-content: space-around;
+  display: flex;
+}
+
 /* Responsive columns - one column layout (vertical) on small screens */
 @media screen and (max-width: 820px) {
   body {
@@ -216,10 +220,12 @@ textarea {
 
   .right{
     height: 97.5%;
+    padding: 5px;
   }
 
   .left{
     height: 97.5%;
+    padding: 5px;
   }
 
   .btn {