From a7c1e3cf07a89b85a120953227268c0015198cad Mon Sep 17 00:00:00 2001
From: Mauricio Navarro Miranda <mauricio@navarromiranda.mx>
Date: Fri, 11 Sep 2020 01:07:44 -0500
Subject: [PATCH] fix: bottom steper does not show subtitle

---
 .../src/pages/Wizard/components/Footer.js             | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/new-lamassu-admin/src/pages/Wizard/components/Footer.js b/new-lamassu-admin/src/pages/Wizard/components/Footer.js
index 7405bb76..0b5ad681 100644
--- a/new-lamassu-admin/src/pages/Wizard/components/Footer.js
+++ b/new-lamassu-admin/src/pages/Wizard/components/Footer.js
@@ -34,6 +34,9 @@ const useStyles = makeStyles(() => ({
   smallWrapper: {
     height: 84
   },
+  title: {
+    margin: [[0, spacer * 4, 0, 0]],
+  },
   subtitle: {
     marginTop: spacer,
     marginBottom: 6,
@@ -79,11 +82,11 @@ function Footer({ next, current, steps: collection, path, tag, p }) {
               item
               xs={5}
               container
-              direction="column"
+              direction={open ? "column" : "row"}
               justify="flex-start"
-              alignItems="flex-start">
-              <H2 noMargin>Setup Lamassu Admin</H2>
-              {open && <Info2 className={classes.subtitle}>{tag}</Info2>}
+              alignItems="baseline">
+              <H2 className={classes.title}>Setup Lamassu Admin</H2>
+              <Info2 className={classes.subtitle}>{tag}</Info2>
               {open && <P>{p}</P>}
             </Grid>
             <Grid