From 096e61e723b10497440515f30696d86c76d5100a Mon Sep 17 00:00:00 2001
From: solehudin5699 <solehudinamqi@yahoo.co.id>
Date: Mon, 28 Feb 2022 00:38:25 +0700
Subject: [PATCH] update style

---
 public/index.html | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/public/index.html b/public/index.html
index 7bea413..8e2aa23 100644
--- a/public/index.html
+++ b/public/index.html
@@ -6,6 +6,10 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Resize Image</title>
     <style>
+      * {
+        box-sizing: border-box;
+        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+      }
       html {
         background-image: linear-gradient(
           -45deg,
@@ -14,7 +18,6 @@
         );
         background-size: 400% 400%;
         animation: gradient 10s ease infinite;
-        box-sizing: border-box;
       }
       @keyframes gradient {
         0% {
@@ -49,6 +52,7 @@
         color: white;
         margin-bottom: 15px;
         padding: 10px 0;
+        outline: none;
       }
       .btn-submit {
         height: 50px;
@@ -60,6 +64,7 @@
         margin-bottom: 15px;
         cursor: pointer;
         font-weight: bold;
+        outline: none;
       }
       .note {
         font-size: 18px;
@@ -73,6 +78,7 @@
         border-radius: 10px;
         height: 30px;
         padding: 3px 10px;
+        outline: none;
       }
       .input-option-quality {
         width: 200px;
@@ -86,7 +92,7 @@
         width: 70px;
         color: white;
       }
-      .label-option-checbox {
+      .label-option-checkbox {
         width: 100px;
         color: white;
       }
@@ -125,7 +131,7 @@
         required
         accept="image/*"
       />
-      <!-- form -->
+
       <div class="form-options">
         <div class="input-wrapper">
           <label for="quality-input" class="label-option">Quality</label>
@@ -139,7 +145,7 @@
           <span id="value-quality" class="value-qty-img"></span>
         </div>
         <div class="checkbox-wrapper">
-          <label for="use-dimension-input" class="label-option-checbox"
+          <label for="use-dimension-input" class="label-option-checkbox"
             >Original Size</label
           >
           <input
@@ -179,6 +185,7 @@
         Submit & Download
       </button>
     </form>
+
     <a
       id="anchor-donwload"
       href=""