From ceb68012d5f2fbf2db44d8ecbea3f7cdd0c7e217 Mon Sep 17 00:00:00 2001
From: David Ralph <ohlookitsderpy@protonmail.com>
Date: Thu, 1 Apr 2021 18:58:40 +0100
Subject: [PATCH] fix: widget order ui bugs

---
 src/components/modals/main/scss/settings/_main.scss    | 1 +
 src/components/modals/main/settings/sections/Order.jsx | 2 +-
 src/modules/constants.js                               | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/modals/main/scss/settings/_main.scss b/src/components/modals/main/scss/settings/_main.scss
index 8d1b720b..11355fe1 100644
--- a/src/components/modals/main/scss/settings/_main.scss
+++ b/src/components/modals/main/scss/settings/_main.scss
@@ -150,4 +150,5 @@ input[type=color]::-moz-color-swatch {
 .sortableitem {
   width: auto !important;
   color: var(--modal-text) !important;
+  cursor: move;
 }
\ No newline at end of file
diff --git a/src/components/modals/main/settings/sections/Order.jsx b/src/components/modals/main/settings/sections/Order.jsx
index 4af633dd..b2d7af30 100644
--- a/src/components/modals/main/settings/sections/Order.jsx
+++ b/src/components/modals/main/settings/sections/Order.jsx
@@ -51,7 +51,7 @@ export default class OrderSettings extends React.PureComponent {
       <>
         <h2>Order</h2>
         <span className='modalLink' onClick={this.reset}>Reset</span>
-        <SortableContainer onSortEnd={this.onSortEnd}>
+        <SortableContainer onSortEnd={this.onSortEnd} lockAxis='y' lockToContainerEdges disableAutoscroll>
           {this.state.items.map((value, index) => (
             <SortableItem key={`item-${value}`} index={index} value={value} />
           ))}
diff --git a/src/modules/constants.js b/src/modules/constants.js
index c84e6492..3689cf5e 100644
--- a/src/modules/constants.js
+++ b/src/modules/constants.js
@@ -6,5 +6,5 @@ export const SPONSORS_URL = 'https://sponsors.muetab.com';
 export const GITHUB_URL = 'https://api.github.com';
 export const FEEDBACK_FORM = 'https://api.formcake.com/api/form/349b56cb-7e2b-4004-b32b-e8964d217dd1/submission';
 export const OFFLINE_IMAGES = 20;
-export const BETA_VERSION = false
+export const BETA_VERSION = false;
 export const VERSION = '5.0';