From b6d9c65392e753b83ab2241a3b53eab6fa2f122e Mon Sep 17 00:00:00 2001
From: keyan <keyan.kousha+huumn@gmail.com>
Date: Wed, 2 Jun 2021 19:31:07 -0400
Subject: [PATCH] improved footer

---
 components/footer.js | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/components/footer.js b/components/footer.js
index 4037666d..a22cd656 100644
--- a/components/footer.js
+++ b/components/footer.js
@@ -1,5 +1,6 @@
 import { useQuery } from '@apollo/client'
 import gql from 'graphql-tag'
+import { Container } from 'react-bootstrap'
 import { CopyInput } from './form'
 
 export default function Footer () {
@@ -13,19 +14,21 @@ export default function Footer () {
 
   return (
     <footer>
-      {data
-        ? (
-          <div className='d-flex align-items-center text-small my-3'>
+      {data &&
+        <Container>
+          <div
+            className='d-flex align-items-center text-small my-3 mx-auto w-100'
+            style={{ maxWidth: '500px' }}
+          >
             <span className='nav-item text-muted mr-2'>connect:</span>
             <CopyInput
               size='sm'
-              groupClassName='mb-0'
+              groupClassName='mb-0 w-100'
               readOnly
               placeholder={data.connectAddress}
             />
           </div>
-          )
-        : 'loading'}
+        </Container>}
     </footer>
   )
 }