From 93b6fab121a30854628830f70b6ecf4587f4b724 Mon Sep 17 00:00:00 2001
From: alok8bb <alok8bb@gmail.com>
Date: Sun, 4 Dec 2022 22:24:55 +0530
Subject: [PATCH] [chore] minor fixes

Signed-off-by: alok8bb <alok8bb@gmail.com>
---
 src/components/BottomBar.tsx | 5 ++---
 src/components/Editor.tsx    | 2 ++
 src/index.css                | 6 ++++++
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/BottomBar.tsx b/src/components/BottomBar.tsx
index b892c91..c2a1936 100644
--- a/src/components/BottomBar.tsx
+++ b/src/components/BottomBar.tsx
@@ -11,12 +11,11 @@ const BottomBar: FunctionComponent<propTypes> = props => {
 				display: "flex",
 				alignItems: "center",
 				justifyContent: "space-between",
-				paddingInline: "20px",
+				paddingInline: "15px",
 			}}
 			className="BottomBar">
 			<a
 				style={{
-					fontSize: "1.1rem",
 					color: "#D9F8C4",
 					cursor: "pointer",
 					textDecoration: "none",
@@ -72,7 +71,7 @@ const linkStyle = {
 const listStyle = {
 	marginInline: "10px",
 	listStyle: "none",
-	fontSize: "1rem",
+	fontSize: "2vh",
 };
 
 const Separator = () => (
diff --git a/src/components/Editor.tsx b/src/components/Editor.tsx
index 86769ae..0fe349d 100644
--- a/src/components/Editor.tsx
+++ b/src/components/Editor.tsx
@@ -1,3 +1,4 @@
+import { EditorView } from "@codemirror/view";
 import CodeMirror from "@uiw/react-codemirror";
 import { FunctionComponent } from "react";
 import Theme from "./EditorTheme";
@@ -24,6 +25,7 @@ const Editor: FunctionComponent<propTypes> = props => {
 			editable={props.editable}
 			readOnly={props.readonly}
 			theme={Theme}
+			extensions={[EditorView.lineWrapping]}
 		/>
 	);
 };
diff --git a/src/index.css b/src/index.css
index 7b74f0a..ef2b99c 100644
--- a/src/index.css
+++ b/src/index.css
@@ -12,4 +12,10 @@ body {
 
 #root {
   height: 100vh;
+}
+
+@media screen and (max-width: 600px) {
+  #root {
+    height: 93vh;
+  }
 }
\ No newline at end of file