feat: Correct positioning for address loading indicator

theopensystemslab · May 17, 2024 · d60cd3b · d60cd3b
1 parent cf7ed69
commit d60cd3b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/editor.planx.uk/src/@planx/components/FindProperty/Public/index.tsx b/editor.planx.uk/src/@planx/components/FindProperty/Public/index.tsx
@@ -47,7 +47,6 @@ const AddressLoadingWrap = styled(Box)(({ theme }) => ({
     position: "absolute",
     bottom: theme.spacing(1),
     margin: 0,
-    paddingRight: theme.spacing(14),
   },
 }));
 

diff --git a/editor.planx.uk/src/components/DelayedLoadingIndicator.tsx b/editor.planx.uk/src/components/DelayedLoadingIndicator.tsx
@@ -10,13 +10,17 @@ export interface Props {
 
 const Root = styled(Box, {
   shouldForwardProp: (prop) => prop !== "inline",
-})<Props>(({ inline }) => ({
+})<Props>(({ inline, theme }) => ({
   padding: 60,
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
   ...(inline && {
     padding: 0,
+    [theme.breakpoints.up("md")]: {
+      justifyContent: "flex-start",
+      paddingLeft: theme.spacing(16),
+    },
   }),
 }));