From 636c45f37d8e5454b376461677067ae9394656fc Mon Sep 17 00:00:00 2001
From: Rodgath <25994782+Rodgath@users.noreply.github.com>
Date: Tue, 8 Aug 2023 12:42:32 +0300
Subject: [PATCH] Update demo

---
 CHANGELOG.md       | 2 +-
 demo/css/style.css | 5 +++++
 demo/index.html    | 6 ++++--
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 8e3331b..e916284 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,4 +9,4 @@
 ###### v1.0.0 - Aug 5, 2023
 ```
 = Initial release.
-```
+```
\ No newline at end of file
diff --git a/demo/css/style.css b/demo/css/style.css
index 33ab5cc..1642b4f 100644
--- a/demo/css/style.css
+++ b/demo/css/style.css
@@ -179,4 +179,9 @@ body {
 .code-box pre {
   margin   : 0;
   font-size: 13px
+}
+
+/* Alter drag handle width */
+#judo-scroller {
+  width: 60% !important;
 }
\ No newline at end of file
diff --git a/demo/index.html b/demo/index.html
index 96ccf4b..7f1b00c 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -66,6 +66,8 @@ <h2>360° degrees image spinner and rotation using JavaScript. </h2>
         <img src="images/36.png" alt="Image 36">
       </div>
 
+      <br><br><br>
+
       <div class="accordion">
         <div class="accordion-item">
           <div class="accordion-header">HTML Code</div>
@@ -121,7 +123,7 @@ <h2>360° degrees image spinner and rotation using JavaScript. </h2>
             <div class="code-box">
               <pre><code class="language-javascript">&lt;script&gt;
   document.addEventListener(&#39;DOMContentLoaded&#39;, function () {
-    judoSpin(&#39;.image-spin-box&#39;, { currImage: 1, enableDragHangle: true });
+    judoSpin(&#39;.image-spin-box&#39;, { currImage: 1, enableDragHandle: true });
   });
 &lt;/script&gt;</code></pre>
             </div>
@@ -148,7 +150,7 @@ <h2>360° degrees image spinner and rotation using JavaScript. </h2>
       document.addEventListener('DOMContentLoaded', function () {
         judoSpin('.image-spin-box', {
           currImage: 1,
-          enableDragHangle: true
+          enableDragHandle: true
         });
       });
     </script>