Dev

firebase.json

@@ -29,6 +29,11 @@
           "source": "/3170631789/invoices/:invoiceId",
           "destination": "https://hummingbird-hammocks.myshopify.com/3170631789/invoices/:invoiceId",
           "type": 307
+        },
+        {
+          "source": "/account/orders/:orderId/return_labels/:labelId/print",
+          "destination": "https://hummingbird-hammocks.myshopify.com/account/orders/:orderId/return_labels/:labelId/print",
+          "type": 307
         }
       ],
       "rewrites": [
@@ -122,6 +127,11 @@
           "source": "/3170631789/invoices/:invoiceId",
           "destination": "https://hummingbird-hammocks.myshopify.com/3170631789/invoices/:invoiceId",
           "type": 307
+        },
+        {
+          "source": "/account/orders/:orderId/return_labels/:labelId/print",
+          "destination": "https://hummingbird-hammocks.myshopify.com/account/orders/:orderId/return_labels/:labelId/print",
+          "type": 307
         }
       ],
       "rewrites": [
@@ -164,6 +174,11 @@
           "source": "/3170631789/invoices/:invoiceId",
           "destination": "https://hummingbird-hammocks.myshopify.com/3170631789/invoices/:invoiceId",
           "type": 307
+        },
+        {
+          "source": "/account/orders/:orderId/return_labels/:labelId/print",
+          "destination": "https://hummingbird-hammocks.myshopify.com/account/orders/:orderId/return_labels/:labelId/print",
+          "type": 307
         }
       ],
       "rewrites": [

src/sections/Returns/ReturnReviewSubmit.js

@@ -5,7 +5,7 @@ import { fShopify, fulfillmentStatusChipColor } from '../../utils';
 
 export function ReturnReviewSubmit({ selectedOrder, selectedItems, handleOpenTicketDialog }) {
   return (
-    <Box padding="30px" justifyContent="center" display="flex">
+    <Box paddingTop="30px" paddingBottom="30px" justifyContent="center" display="flex">
       <Grid container spacing={2}>
         <Grid
           item

src/sections/Returns/ReturnsItemSelector.js

@@ -106,7 +106,7 @@ export function ReturnsItemSelector({
   }
 
   return (
-    <Box padding="30px" justifyContent="center" display="flex">
+    <Box paddingTop="30px" paddingBottom="30px" justifyContent="center" display="flex">
       <Grid container spacing={2}>
         <Grid
           item
@@ -158,15 +158,15 @@ export function ReturnsItemSelector({
                         : 'none'
                     }}>
                     <Grid container>
-                      <Grid item xs={2}>
+                      <Grid item xs={12} sm={4}>
                         <img
                           src={item.node.fulfillmentLineItem.lineItem.image.url}
                           alt={item.node.fulfillmentLineItem.lineItem.image.altText}
                           height={'80px'}
                           width={'80px'}
                         />
                       </Grid>
-                      <Grid item xs={10}>
+                      <Grid item xs={12} sm={8}>
                         <Stack
                           direction="row"
                           justifyContent="space-between"

src/sections/Returns/ReturnsOrderLookup.js

@@ -154,7 +154,7 @@ export function ReturnsOrderLookup({
   }, [paramsOrderName, orders]);
 
   return (
-    <Box padding="30px" justifyContent="center" display="flex">
+    <Box paddingTop="30px" paddingBottom="30px" justifyContent="center" display="flex">
       <Grid container spacing={2}>
         <Grid
           item
@@ -215,7 +215,7 @@ export function ReturnsOrderLookup({
                   </Stack>
                   <Divider />
                   <Stack
-                    direction="row"
+                    direction={{ xs: 'column', sm: 'row', md: 'row', lg: 'row' }}
                     justifyContent="space-between"
                     spacing={2}
                     sx={{ marginTop: 2 }}>