From fce8be2af0e41ad7026b172b1ac74c3e91f90274 Mon Sep 17 00:00:00 2001
From: He4eT <He4eTHb1u@gmail.com>
Date: Sun, 28 Feb 2021 18:41:09 +0500
Subject: [PATCH] Add styles for InputBox

---
 src/components/player/InputBox.jsx | 3 ++-
 src/components/player/Player.jsx   | 4 ++--
 src/components/player/player.css   | 2 ++
 src/style/base.css                 | 5 ++++-
 4 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/components/player/InputBox.jsx b/src/components/player/InputBox.jsx
index c100c27..285fdd3 100644
--- a/src/components/player/InputBox.jsx
+++ b/src/components/player/InputBox.jsx
@@ -81,7 +81,8 @@ export default function ({ currentWindow, inputType, sendMessage }) {
       value={inputText}
       placeholder={placeholder[inputType]}
       autofocus
+      autocomplete="off"
       onInput={({ target: { value } }) => setInputText(value)}
-      type='text' />
+      type='search' />
   )
 }
diff --git a/src/components/player/Player.jsx b/src/components/player/Player.jsx
index cb0501f..83b9a95 100644
--- a/src/components/player/Player.jsx
+++ b/src/components/player/Player.jsx
@@ -55,13 +55,13 @@ const Handlers = ({
   onFileRead: ({ filename }) => {
     if (filename === 'save') return null
 
-    const lsName = prompt('Enter RecordID:')
+    const lsName = prompt('Enter the name of the saved file:')
 
     const record = localStorage.getItem(`save-${lsName}`)
     return decode(record)
   },
   onFileWrite: ({ filename }, content) => {
-    const lsName = prompt('Choose RecordID:')
+    const lsName = prompt('Select a name for the saved file:')
     const record = encode(content)
 
     localStorage.setItem(`save-${lsName}`, record)
diff --git a/src/components/player/player.css b/src/components/player/player.css
index a10df37..6151680 100644
--- a/src/components/player/player.css
+++ b/src/components/player/player.css
@@ -10,6 +10,8 @@
 .inputBox {
   flex: 0 1 auto;
 
+  font: inherit;
+  outline: 0;
   border: 2px solid #000;
   padding: 8px;
 }
diff --git a/src/style/base.css b/src/style/base.css
index 7ae20a9..a662234 100644
--- a/src/style/base.css
+++ b/src/style/base.css
@@ -1,11 +1,14 @@
 html, body {
   margin: 0;
+  height: 100%;
 }
 
 body {
   display: flex;
   flex-direction: column;
-  height: 100vh;
+
+  font-size: 18px;
+  line-height: 27px;
 }
 
 #root {