From 055bf9cca5fb758cdea7205d1786e795f2635786 Mon Sep 17 00:00:00 2001
From: Aniket-Engg <aniketengg.225@gmail.com>
Date: Thu, 20 Apr 2023 14:05:32 +0530
Subject: [PATCH] align header with icons

---
 apps/etherscan/src/app/App.css                           | 2 +-
 apps/etherscan/src/app/components/HeaderWithSettings.tsx | 2 +-
 apps/etherscan/src/app/layouts/Default.tsx               | 4 +++-
 apps/etherscan/src/app/routes.tsx                        | 6 +++---
 apps/etherscan/src/app/views/CaptureKeyView.tsx          | 1 -
 apps/etherscan/src/app/views/ReceiptsView.tsx            | 2 --
 apps/etherscan/src/app/views/VerifyView.tsx              | 1 -
 7 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/apps/etherscan/src/app/App.css b/apps/etherscan/src/app/App.css
index de2715cbcc..74a89ee342 100644
--- a/apps/etherscan/src/app/App.css
+++ b/apps/etherscan/src/app/App.css
@@ -3,5 +3,5 @@ body {
 }
 
 #root {
-  padding: 4px 14px;
+  padding: 8px 14px;
 }
\ No newline at end of file
diff --git a/apps/etherscan/src/app/components/HeaderWithSettings.tsx b/apps/etherscan/src/app/components/HeaderWithSettings.tsx
index fb6fb0dab7..d1037d58d1 100644
--- a/apps/etherscan/src/app/components/HeaderWithSettings.tsx
+++ b/apps/etherscan/src/app/components/HeaderWithSettings.tsx
@@ -145,7 +145,7 @@ export const HeaderWithSettings: React.FC<Props> = ({
     <AppContext.Consumer>
       {({ themeType }) => (
         <div>
-          <h6>{title}</h6>
+          <h6 className="d-inline">{title}</h6>
           <div style={{ float: "right" }}>
             <HomeIcon from={from} themeType={themeType} />
             <ReceiptsIcon from={from} themeType={themeType} />
diff --git a/apps/etherscan/src/app/layouts/Default.tsx b/apps/etherscan/src/app/layouts/Default.tsx
index 93dd89b851..18ac232f0e 100644
--- a/apps/etherscan/src/app/layouts/Default.tsx
+++ b/apps/etherscan/src/app/layouts/Default.tsx
@@ -4,15 +4,17 @@ import { HeaderWithSettings } from "../components"
 
 interface Props {
   from: string
+  title?: string
 }
 
 export const DefaultLayout: React.FC<PropsWithChildren<Props>> = ({
   children,
   from,
+  title
 }) => {
   return (
     <div>
-      <HeaderWithSettings from={from} />
+      <HeaderWithSettings from={from} title={title} />
       {children}
     </div>
   )
diff --git a/apps/etherscan/src/app/routes.tsx b/apps/etherscan/src/app/routes.tsx
index 1400a601df..7470d91bf0 100644
--- a/apps/etherscan/src/app/routes.tsx
+++ b/apps/etherscan/src/app/routes.tsx
@@ -31,19 +31,19 @@ export const DisplayRoutes = () => (
     <Routes>    
       <Route
         path="/"
-        element={<DefaultLayout from="/">
+        element={<DefaultLayout from="/" title="Verify Smart Contracts">
                   <HomeView />
                 </DefaultLayout>} />
       <Route path="/error"
       element={<ErrorView />} />
       <Route
         path="/receipts"
-        element={<DefaultLayout from="/receipts">
+        element={<DefaultLayout from="/receipts" title="Check Receipt GUID Status">
                   <ReceiptsView />
                 </DefaultLayout>} />
       <Route
         path="/settings"
-        element={<DefaultLayout from="/settings">
+        element={<DefaultLayout from="/settings" title="Set Etherscan API Key">
                   <CaptureKeyView />
                 </DefaultLayout>} />
     </Routes>
diff --git a/apps/etherscan/src/app/views/CaptureKeyView.tsx b/apps/etherscan/src/app/views/CaptureKeyView.tsx
index 423686d4d0..34f5a1bcc3 100644
--- a/apps/etherscan/src/app/views/CaptureKeyView.tsx
+++ b/apps/etherscan/src/app/views/CaptureKeyView.tsx
@@ -33,7 +33,6 @@ export const CaptureKeyView: React.FC = () => {
         >
           {({ errors, touched, handleSubmit }) => (
             <form onSubmit={handleSubmit}>
-              <h6>Set Etherscan API Key</h6>
               <div className="form-group" style={{ marginBottom: "0.5rem" }}>
                 <label htmlFor="apikey">API Key</label>
                 <Field
diff --git a/apps/etherscan/src/app/views/ReceiptsView.tsx b/apps/etherscan/src/app/views/ReceiptsView.tsx
index ecea435c40..17308a8084 100644
--- a/apps/etherscan/src/app/views/ReceiptsView.tsx
+++ b/apps/etherscan/src/app/views/ReceiptsView.tsx
@@ -67,7 +67,6 @@ export const ReceiptsView: React.FC = () => {
                     className="form-group"
                     style={{ marginBottom: "0.5rem" }}
                   >
-                    <h6>Check Receipt GUID Status</h6>
                     <label htmlFor="receiptGuid">Receipt GUID</label>
                     <Field
                       className={
@@ -84,7 +83,6 @@ export const ReceiptsView: React.FC = () => {
                       component="div"
                     />
                   </div>
-
                   <SubmitButton text="Check" />
                 </form>
               )}
diff --git a/apps/etherscan/src/app/views/VerifyView.tsx b/apps/etherscan/src/app/views/VerifyView.tsx
index fdab52be7f..80fa27e12b 100644
--- a/apps/etherscan/src/app/views/VerifyView.tsx
+++ b/apps/etherscan/src/app/views/VerifyView.tsx
@@ -89,7 +89,6 @@ export const VerifyView: React.FC<Props> = ({
             })
           }
           return (<form onSubmit={handleSubmit}>
-            <h6>Verify Smart Contracts</h6>
             <div className="form-group">
               <label htmlFor="network">Selected Network</label> 
               <Field