Mobile UI fixes (#305)

BTE-Trusted-Entity · Aug 7, 2023 · cb720d6 · cb720d6
1 parent a1c522a
commit cb720d6
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 12 deletions.
diff --git a/src/Components/Header/Header.module.css b/src/Components/Header/Header.module.css
@@ -26,7 +26,8 @@
   align-items: center;
   justify-content: center;
   width: 100%;
-  height: 44px;
+  padding-block: 0.25rem;
+  border-block-end: 10px solid rgb(var(--separator-rgb) / 25%);
 }
 
 .text {
@@ -40,10 +41,3 @@
   line-height: 17px;
   height: 34px;
 }
-
-.bottomSeperator {
-  background-color: rgb(var(--separator-rgb) / 25%);
-  width: 100%;
-  height: 10px;
-  box-shadow: inset 0 1px 3px 0 rgb(0 0 0 / 2%);
-}
diff --git a/src/Components/Header/Header.tsx b/src/Components/Header/Header.tsx
@@ -16,7 +16,6 @@ export const Header = () => {
         <span className={styles.text}>
           Your go to place for everything about web3name
         </span>
-        <div className={styles.bottomSeperator} />
       </div>
     </header>
   );

diff --git a/src/Components/InfoIcon/InfoIcon.module.css b/src/Components/InfoIcon/InfoIcon.module.css
@@ -1,5 +1,5 @@
 .button {
-  background: url('../../ImageAssets/tool_tip_light.svg') no-repeat right/100%;
+  background: url('../../ImageAssets/tool_tip_light.svg') no-repeat center/contain;
   position: relative;
   width: 16px;
   height: 16px;

diff --git a/src/Components/InfoIcon/InfoIcon.tsx b/src/Components/InfoIcon/InfoIcon.tsx
@@ -19,7 +19,11 @@ export function InfoIcon({
   useHandleOutsideClick(ref, hide);
 
   return (
-    <button className={styles.button} onClick={show}>
+    <button
+      className={styles.button}
+      onClick={show}
+      aria-label="Show more info"
+    >
       {visible && (
         <span className={right ? styles.right : styles.wrapper}>
           <span className={styles.text} ref={ref}>

diff --git a/src/Components/Web3Name/Web3Name.module.css b/src/Components/Web3Name/Web3Name.module.css
@@ -1,6 +1,5 @@
 .container {
   composes: container from '../Results/Results.module.css';
-  height: 31px;
   margin: 0;
 }