improve sat/stacked display

components/header.js

@@ -14,7 +14,7 @@ import { useEffect } from 'react'
 import { randInRange } from '../lib/rand'
 
 function WalletSummary ({ me }) {
-  return `${me.stacked} \\ ${me.sats}`
+  return `${me.sats} \\ ${me.stacked}`
 }
 
 export default function Header () {

components/layout.js

@@ -17,7 +17,7 @@ export default function Layout ({ noContain, noFooter, noSeo, children }) {
         {noContain
           ? children
           : (
-            <Container className='mt-1 px-sm-0'>
+            <Container className='px-sm-0'>
               {children}
             </Container>
             )}

components/user-header.js

@@ -31,7 +31,7 @@ export default function UserHeader ({ user }) {
   const client = useApolloClient()
   const [setName] = useMutation(NAME_MUTATION)
 
-  const Satistics = () => <h1 className='ml-2'><small className='text-success'>[{user.stacked} stacked, {user.sats} sats]</small></h1>
+  const Satistics = () => <h1 className='ml-2'><small className='text-success'>{user.sats} sats \ {user.stacked} stacked</small></h1>
 
   const UserSchema = Yup.object({
     name: Yup.string()