fix: small display fixes

oxheadalpha · Aug 19, 2022 · b17d061 · b17d061
1 parent 49d98fc
commit b17d061
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 6 deletions.
diff --git a/src/components/Faucet/FaucetToWalletRequest.tsx b/src/components/Faucet/FaucetToWalletRequest.tsx
@@ -11,7 +11,6 @@ function FaucetToWalletRequest({ user, network, status, Tezos }: { user: any, ne
             <div className="faucet-part-user">
                 <UserInfo user={user} displayBalance={true} />
             </div>
-
             <Row>
                 <Col>
                     <FaucetRequestButton network={network} to={user.userAddress} status={status} profile={Config.application.profiles.user.profile} amount={Config.application.profiles.user.amount} />

diff --git a/src/components/Faucet/SplittedFaucet.tsx b/src/components/Faucet/SplittedFaucet.tsx
@@ -53,11 +53,12 @@ function SplittedFaucet({ network, user, Tezos }: { network: Network, user: User
         <Card>
             <Card.Header>{network.name} faucet</Card.Header>
             <Card.Body>
-
                 <Row>
-                    <Col>
-                        <FaucetInfo faucetAddress={faucetAddress} faucetBalance={faucetBalance} />
-                        <hr />
+                    <Col className="faucet-part-title">
+                        Fund your web wallet
+                    </Col>
+                    <Col className="faucet-part-title">
+                        Or fund any address
                     </Col>
                 </Row>
                 <Row>
@@ -84,4 +85,15 @@ function SplittedFaucet({ network, user, Tezos }: { network: Network, user: User
     )
 }
 
-export default SplittedFaucet;
+export default SplittedFaucet;
+
+/*
+
+                <Row>
+                    <Col>
+                        <FaucetInfo faucetAddress={faucetAddress} faucetBalance={faucetBalance} />
+                        <hr />
+                    </Col>
+                </Row>
+
+                */
diff --git a/src/index.css b/src/index.css
@@ -18,3 +18,9 @@ footer {
   bottom: 0;
   z-index:-1;
 }
+
+.faucet-part-title {
+ text-align: left;
+ font-weight: bold;
+ margin-bottom: 15px;
+}
-Original file line number
+Diff line change
@@ Expand Up @@
                 <div className="faucet-part-user">
                     <UserInfo user={user} displayBalance={true} />
                 </div>
                 <Row>
                     <Col>
                         <FaucetRequestButton network={network} to={user.userAddress} status={status} profile={Config.application.profiles.user.profile} amount={Config.application.profiles.user.amount} />
@@ Expand Down @@