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