fix: widget order ui bugs

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;
 }

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} />
           ))}

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';