style nits

Author: zerosnacks

src/App.tsx

@@ -307,14 +307,10 @@ rpc:     ${chain?.rpcUrls?.default?.http?.[0] ?? chain?.rpcUrls?.public?.http?.[
           </>
         )}
 
-        {selected ? (
-          !account && (
-            <button type="button" className="connect" onClick={connect}>
-              Connect Wallet
-            </button>
-          )
-        ) : (
-          <p>Please select a wallet</p>
+        {selected && !account && (
+          <button type="button" className="wallet-connect" onClick={connect}>
+            Connect Wallet
+          </button>
         )}
 
         {selected && account && (
@@ -341,7 +337,7 @@ rpc:     ${chain?.rpcUrls?.default?.http?.[0] ?? chain?.rpcUrls?.public?.http?.[
         )}
 
         {selected && account && pending && (
-          <button type="button" onClick={signAndSendCurrent}>
+          <button type="button" className="wallet-send" onClick={signAndSendCurrent}>
             Sign & Send
           </button>
         )}

src/styles/App.css

@@ -17,23 +17,25 @@
   border-radius: 8px;
 }
 
-/* .header {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  margin-bottom: 24px;
-} */
-
 .banner {
   width: 600px;
   border-radius: 8px;
   height: auto;
 }
 
 .wallet-selector {
+  align-self: center;
   margin-top: 16px;
 }
 
+.wallet-connect {
+  align-self: center;
+}
+
+.wallet-send {
+  align-self: center;
+}
+
 .title {
   font-size: 36px;
   color: #f8f8f8;