Fix toolbar.

.eslintcache

@@ -1 +1 @@
-[{"/Users/pveiga/repos/wisemapping-react/src/Footer.js":"1","/Users/pveiga/repos/wisemapping-react/src/Header.js":"2","/Users/pveiga/repos/wisemapping-react/src/index.js":"3","/Users/pveiga/repos/wisemapping-react/src/RegistrationApp.js":"4","/Users/pveiga/repos/wisemapping-react/src/LoginApp.js":"5"},{"size":1609,"mtime":1607011308675,"results":"6","hashOfConfig":"7"},{"size":1877,"mtime":1607011262532,"results":"8","hashOfConfig":"7"},{"size":1883,"mtime":1606789677736,"results":"9","hashOfConfig":"7"},{"size":3904,"mtime":1607011410657,"results":"10","hashOfConfig":"7"},{"size":3515,"mtime":1607011370081,"results":"11","hashOfConfig":"7"},{"filePath":"12","messages":"13","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"1xegajf",{"filePath":"14","messages":"15","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"16","messages":"17","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"18","messages":"19","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"20","messages":"21","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"/Users/pveiga/repos/wisemapping-react/src/Footer.js",[],"/Users/pveiga/repos/wisemapping-react/src/Header.js",[],"/Users/pveiga/repos/wisemapping-react/src/index.js",[],"/Users/pveiga/repos/wisemapping-react/src/RegistrationApp.js",[],"/Users/pveiga/repos/wisemapping-react/src/LoginApp.js",[]]
+[{"/Users/pveiga/repos/wisemapping-react/src/Footer.js":"1","/Users/pveiga/repos/wisemapping-react/src/Header.js":"2","/Users/pveiga/repos/wisemapping-react/src/index.js":"3","/Users/pveiga/repos/wisemapping-react/src/RegistrationApp.js":"4","/Users/pveiga/repos/wisemapping-react/src/LoginApp.js":"5"},{"size":1609,"mtime":1607011308675,"results":"6","hashOfConfig":"7"},{"size":1924,"mtime":1607015196109,"results":"8","hashOfConfig":"7"},{"size":1883,"mtime":1606789677736,"results":"9","hashOfConfig":"7"},{"size":3904,"mtime":1607011410657,"results":"10","hashOfConfig":"7"},{"size":3515,"mtime":1607011370081,"results":"11","hashOfConfig":"7"},{"filePath":"12","messages":"13","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"1xegajf",{"filePath":"14","messages":"15","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"16","messages":"17","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"18","messages":"19","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"20","messages":"21","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"/Users/pveiga/repos/wisemapping-react/src/Footer.js",[],"/Users/pveiga/repos/wisemapping-react/src/Header.js",[],"/Users/pveiga/repos/wisemapping-react/src/index.js",[],"/Users/pveiga/repos/wisemapping-react/src/RegistrationApp.js",[],"/Users/pveiga/repos/wisemapping-react/src/LoginApp.js",[]]

src/Header.js

@@ -15,13 +15,12 @@ class Header extends React.Component {
         let signInButton;
         let text;
 
-
         const pageType = this.state.type;
         if (pageType === 'only-signup') {
-            text = <span className="header-area-right1"><FormattedMessage id="header.donthaveaccount" defaultMessage="Don't have an account ?" /></span>;
+            text = <span className="header-area-content-span"><span><FormattedMessage id="header.donthaveaccount" defaultMessage="Don't have an account ?" /></span></span>;
             signUpButton = <SignUpButton className="header-area-right2" />;
         } else if (pageType === 'only-signin') {
-            text = <span className="header-area-right1"><FormattedMessage id="header.haveaccount" defaultMessage="Already have an account?" /></span>;
+            text = <span className="header-area-content-span"><span><FormattedMessage id="header.haveaccount" defaultMessage="Already have an account?" /></span></span>;
             signUpButton = <SignInButton className="header-area-right2" />;
         } else {
             signUpButton = <SignUpButton />
@@ -42,19 +41,17 @@ class Header extends React.Component {
 }
 
 const SignInButton = (props) => {
-
+    return (
-
+    <span className={`button-style1 ${props.className}`}>
-    return (<span className={`button-style1 ${props.class}`}>
         <a href="/c/login"><FormattedMessage id="login.signin" defaultMessage="Sign In" /></a>
     </span>);
 }
 
 const SignUpButton = (props) => {
     return (
-        <span className={`button-style1 ${props.class}`}>
+        <span className={`button-style1 ${props.className}`}>
             <a href="/c/user/registration"><FormattedMessage id="login.signup" defaultMessage="Sign Up" /></a>
         </span>);
-
 }
 
 export default Header;

src/css/core.css

@@ -179,6 +179,19 @@ nav a {
     visibility: visible;
 }
 
+.header-area-right1 span,
+.header-area-right2 span {
+    font-size: 15px;
+}
+
+.header-area-content-span {
+    grid-column-start: 2;
+    grid-column-end: 4;
+    text-align: right;
+    font-size: 14px;
+    padding: 10px;
+}
+
 @media (max-width: 500px) {
     .footer {
         grid-template-columns: 0px 1fr 1fr 5px;
@@ -188,9 +201,7 @@ nav a {
         display: none;
         visibility: hidden;
     }
-    /* Todo: Review ... */
+    .header-area-content-span {
-    .nav-center,
-    .nav-signup {
         display: none;
         visibility: hidden;
     }
@@ -261,6 +272,7 @@ input:placeholder {
     font-style: normal;
     letter-spacing: normal;
     white-space: nowrap;
+    padding-top: 10px;
 }
 
 .button-style1 a,

src/css/login.css

@@ -10,42 +10,6 @@
     text-align: center;
 }
 
-.content input[type=email],
-.content input[type=password],
-.content input[type=text] {
-    width: 258px;
-    height: 53px;
-    padding: 0px 20px;
-    margin: 10px 20px;
-    border-radius: 9px;
-    font-size: 16px;
-    border: solid 1px #f9a826;
-    display: block;
-    margin: 10px auto;
-}
-
-.content input[type=submit] {
-    width: 258px;
-    height: 53px;
-    padding: 0px 20px;
-    margin: 10px 20px;
-    font-size: 20px;
-    font-weight: 600;
-    border-radius: 9px;
-    border: 0px;
-    background-color: rgba(255, 168, 0, 0.6);
-    color: white;
-}
-
-.content input[type=checkbox] {
-    border: solid 1px #f9a826;
-    background-color: #f9a826;
-}
-
-.content input[type=submit]:hover {
-    background-color: #f9a826;
-}
-
 .content input:placeholder {
     color: grey;
 }