fix: Navbar signin button

Author: FullstackWEB-developer

src/components/Navbar/Navbar.css

@@ -95,9 +95,8 @@
   display: inline-block;
   margin: 0px 20px 0px 0px;
   color: var(--text);
-  font-family: Tahoma, Verdana, sans-serif;
-  font-size: 20px;
-  line-height: 30px;
+  font-size: 13px;
+  line-height: 18px;
 }
 
 .dcl.account-wrapper .dcl.mana .symbol .ethereum {
@@ -117,6 +116,7 @@
   display: flex;
   flex-flow: row nowrap;
   align-items: center;
+  margin-left: 10px;
 }
 
 .dcl.navbar-account .ui.menu.ui.menu.secondary.navbar-account-menu {
@@ -207,6 +207,17 @@
   box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
 }
 
+.dcl.navbar .sign-in-button {
+  margin-left: 20px;
+  color: var(--text);
+  font-size: 14px;
+  font-weight: normal;
+  border-radius: 0px;
+  background-color: rgb(255, 131, 112);
+  box-shadow: rgb(255 131 112 / 67%) 0px 0px 10px,
+    rgb(255 131 112 / 67%) 0px 0px 12px;
+}
+
 .dcl.navbar.sign-in .ui.menu .item.sign-in-button {
   color: var(--primary);
   font-weight: bold;

src/components/Navbar/Navbar.tsx

@@ -4,6 +4,7 @@ import { Mana } from '../Mana/Mana'
 import { Blockie } from '../Blockie/Blockie'
 import { Container } from '../Container/Container'
 import { Header } from '../Header/Header'
+import { Button } from '../Button/Button'
 import { Logo } from '../Logo/Logo'
 import { Mobile, NotMobile } from '../Media'
 import './Navbar.css'
@@ -220,15 +221,18 @@ export class Navbar extends React.PureComponent<NavbarProps, NavbarState> {
     } else if (isConnecting && !isSignIn) {
       return (
         <Menu secondary>
-          <Menu.Item disabled>{i18n.account.connecting}</Menu.Item>
+          <Menu.Item className="sign-in-button" disabled>
+            {i18n.account.connecting}
+          </Menu.Item>
         </Menu>
       )
     } else if (onSignIn || isSignIn) {
       return (
         <Menu secondary>
-          <Menu.Item className="sign-in-button" onClick={onSignIn}>
-            {i18n.account.signIn}
-          </Menu.Item>
+          <Button className="sign-in-button" onClick={onSignIn}>
+            {/* {i18n.account.signIn} */}
+            Connect Wallet
+          </Button>
         </Menu>
       )
     } else {