Merge pull request #5587 from msupply-foundation/5463-Manual-requisit…

…ions-some-UI-improvements-to-consider 5463 manual requisitions some UI improvements to consider
msupply-foundation · Nov 27, 2024 · 97f0eee · 97f0eee
2 parents 4d155a4 + 84fbb63
commit 97f0eee
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/client/packages/common/src/ui/components/buttons/standard/DialogButton.tsx b/client/packages/common/src/ui/components/buttons/standard/DialogButton.tsx
@@ -111,7 +111,7 @@ const getButtonProps = (
       return {
         icon: <ArrowLeftIcon />,
         labelKey: 'button.previous',
-        variant: 'outlined',
+        variant: 'contained',
       };
   }
 };

diff --git a/client/packages/common/src/ui/components/navigation/ListOptions/ListOptions.tsx b/client/packages/common/src/ui/components/navigation/ListOptions/ListOptions.tsx
@@ -50,12 +50,25 @@ export const ListOptions = ({
   );
 
   return (
-    <List sx={{ padding: 0, maxHeight: height * 0.8, overflow: 'auto' }}>
+    <List
+      sx={{
+        padding: 0,
+        maxHeight: height * 0.6,
+        overflow: 'auto',
+        scrollBehavior: 'smooth',
+      }}
+    >
       {options?.map((option, _) => (
         <React.Fragment key={option.id}>
           <ListItem
             sx={{ padding: '5px 0px' }}
             onClick={() => onClick(option.id)}
+            ref={
+              option.id === currentId
+                ? l =>
+                    l?.scrollIntoView({ behavior: 'smooth', block: 'center' })
+                : null
+            }
           >
             <ListItemIcon sx={{ padding: 0, minWidth: 25 }}>
               <Box