From c6e1cf74813de9bcb2fc937684d086d54ca4f42d Mon Sep 17 00:00:00 2001
From: keyan <keyan.kousha+huumn@gmail.com>
Date: Wed, 18 Aug 2021 08:52:45 -0500
Subject: [PATCH] improve sat/stacked display

---
 components/header.js      | 2 +-
 components/layout.js      | 2 +-
 components/user-header.js | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/header.js b/components/header.js
index 4b59d2b7..a87e9d51 100644
--- a/components/header.js
+++ b/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 () {
diff --git a/components/layout.js b/components/layout.js
index ae4983b9..38852490 100644
--- a/components/layout.js
+++ b/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>
             )}
diff --git a/components/user-header.js b/components/user-header.js
index 8f0578bf..226ce9ec 100644
--- a/components/user-header.js
+++ b/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()