input tweaks

src/features/Web3/components/Form/index.module.css

@@ -5,6 +5,7 @@
   width: 100%;
   text-align: center;
   min-height: 165px;
+  margin-top: calc(var(--spacer) / 4);
 }
 
 .rainbowkit button > div {
@@ -36,6 +37,7 @@
 /* connect button */
 .rainbowkit > div:first-child > button:only-child {
   margin-right: auto;
+  margin-left: auto;
 }
 
 .disclaimer {

src/features/Web3/components/Input/InputGroup.module.css

@@ -22,8 +22,7 @@
 
 .token {
   width: 80px;
-  height: 100%;
-  min-height: 54px;
+  height: 55px;
   background: var(--box-background-color);
   border-top-left-radius: var(--border-radius);
   border-bottom-left-radius: var(--border-radius);
@@ -35,10 +34,11 @@
   text-align: center;
   border: 1px solid var(--border-color);
   font-size: var(--font-size-large);
-  padding: calc(var(--spacer) / 4);
+  padding: 0 calc(var(--spacer) / 4);
   border-bottom: 0;
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
+  height: 55px;
 }
 
 @media (min-width: 40rem) {
@@ -60,11 +60,11 @@
 .submit {
   width: calc(100% - calc(var(--spacer) / 2) - 2px);
   max-width: none;
+  height: 53px;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
-  border-color: var(--link-color);
-  padding-left: calc(var(--spacer) / 4);
-  padding-right: calc(var(--spacer) / 4);
+  border-color: var(--link-color-hover);
+  padding: 0 calc(var(--spacer) / 4);
 }
 
 @media (min-width: 40rem) {

src/features/Web3/hooks/useFetchTokens/useFetchTokens.tsx

@@ -27,7 +27,6 @@ export function useFetchTokens() {
 
     const url = `${apiUrl}/balance?address=${address}&chainId=${chain?.id}`
     setUrl(url)
-    console.log('useFetchTokens', url)
   }, [address, chain?.id])
 
   // Sync with $tokens store

src/styles/_buttons.css

@@ -36,14 +36,11 @@ a.btn {
 /* // Disabled State */
 .btn.disabled,
 .btn[disabled] {
+  /* TODO: cursor & pointer values can't be used together */
   cursor: not-allowed;
-  opacity: 0.6;
-  box-shadow: none;
-}
-
-.btn.disabled:active,
-.btn[disabled]:active {
   pointer-events: none;
+  opacity: 0.5;
+  box-shadow: none;
 }
 
 .btn span {