From a9afffe839d301be83d678db1166b2b7e08bc8ad Mon Sep 17 00:00:00 2001
From: ReznoRMichael <mic3arena@gmail.com>
Date: Sat, 23 Jan 2021 19:08:07 +0100
Subject: [PATCH] box shadow outline

---
 css/style.css | 11 +++++++----
 index.html    |  7 +++++--
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/css/style.css b/css/style.css
index 62040bc..e7dd610 100644
--- a/css/style.css
+++ b/css/style.css
@@ -129,8 +129,11 @@ textarea {
 }
 
 textarea:focus {
-    outline: #fff 1px solid;
-    outline-offset: 0;
+    border-color: rgba(0, 0, 0, 0);
+    box-shadow: 0 0 4px 2px #fff;
+    outline: 0;
+    /* outline: #fff 2px solid;
+    outline-offset: 1px; */
 }
 
 textarea::placeholder {
@@ -142,7 +145,7 @@ textarea::placeholder {
 
 input[type="file"] {
     max-width: 500px;
-    margin: 0.5rem;
+    margin: 0.5rem 0.5rem 0.5rem 0.25rem;
 }
 
 #save-area {
@@ -200,7 +203,7 @@ input[type="file"] {
 
 .centered {
     flex-direction: column;
-    align-items: center;
+    align-items: flex-start;
 }
 
 @media screen and (max-width: 400px) {
diff --git a/index.html b/index.html
index b160ce4..d536f25 100644
--- a/index.html
+++ b/index.html
@@ -44,13 +44,15 @@
     </p>
 
     <div>
-        <div class="buttons">
+
+        <div class="buttons centered">
 
             <div class="input-buttons">
                 <input id="save-area-file" class="" type="file" name="file" accept=".dat,.bak*" onchange="LoadSaveFile(this)">
             </div>
-
+            
         </div>
+
         <textarea name="save-area" id="save-area" rows="6" spellcheck="false" placeholder="Choose a user*.dat save file OR paste (Ctrl + V) your decoded save here manually..." autofocus></textarea>
 
         <div class="buttons">
@@ -73,6 +75,7 @@
             </div>
 
         </div>
+
     </div>