Fix for mobile

.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/LoginPage.js":"4"},{"size":1864,"mtime":1606671502544,"results":"5","hashOfConfig":"6"},{"size":1572,"mtime":1606670050593,"results":"7","hashOfConfig":"6"},{"size":777,"mtime":1606670265242,"results":"8","hashOfConfig":"6"},{"size":4070,"mtime":1606672449720,"results":"9","hashOfConfig":"6"},{"filePath":"10","messages":"11","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"1xegajf",{"filePath":"12","messages":"13","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"14","messages":"15","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"16","messages":"17","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/LoginPage.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/LoginPage.js":"4"},{"size":1613,"mtime":1606704713475,"results":"5","hashOfConfig":"6"},{"size":1572,"mtime":1606670050593,"results":"7","hashOfConfig":"6"},{"size":777,"mtime":1606670265242,"results":"8","hashOfConfig":"6"},{"size":4070,"mtime":1606672449720,"results":"9","hashOfConfig":"6"},{"filePath":"10","messages":"11","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"1xegajf",{"filePath":"12","messages":"13","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"14","messages":"15","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"16","messages":"17","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/LoginPage.js",[]]

lang/en.json

@@ -6,7 +6,7 @@
         "defaultMessage": "Contact Us"
     },
     "footer.donations": {
-        "defaultMessage": "PayPal Donations"
+        "defaultMessage": "Donations"
     },
     "header.donthaveaccount": {
         "defaultMessage": "Don't have an account ?"

lang/es.json

@@ -6,7 +6,7 @@
         "defaultMessage": "Contáctenos"
     },
     "footer.donations": {
-        "defaultMessage": "PayPal Donaciones"
+        "defaultMessage": "Donaciones"
     },
     "header.donthaveaccount": {
         "defaultMessage": "No tienes una cuenta ?"

src/Footer.js

@@ -18,9 +18,7 @@ class Footer extends React.Component {
                     <div>< a href="mailto:feedback@wisemapping.com" > < FormattedMessage id="footer.feedback" defaultMessage="Feedback" /> </a></div>
                 </div>
                 <div>
-                    <div>
+                    <div><span class="button-style2" >< a href="https://www.paypal.com/webapps/shoppingcart?flowlogging_id=c7ac923b53025&mfid=1606520600355_c7ac923b53025#/checkout/openButton">< FormattedMessage id="footer.donations" defaultMessage="PayPal Donations" /> </a></span ></div>
-                        <span id="siteseal" ><script async type="text/javascript" src="https://seal.godaddy.com/getSeal?sealID=iGLOz83ePtxZCiqwz4QuXb7OQWXTflEIPdOnuR2PzaUwSru3lYJNEj9VdqJ1" > </script></span ></div>
-                        <div><span class="button-style2" >< a href="https://www.paypal.com/webapps/shoppingcart?flowlogging_id=c7ac923b53025&mfid=1606520600355_c7ac923b53025#/checkout/openButton">< FormattedMessage id="footer.donations" defaultMessage="PayPal Donations" /> </a></span > </div> 
                 </div >
             </footer>
         )

src/compiled-lang/en.json

@@ -1,116 +1,78 @@
 {
-  "footer.aboutus": [
+    "footer.aboutus": [{
-    {
         "type": 0,
         "value": "About Us"
-    }
+    }],
-  ],
+    "footer.contactus": [{
-  "footer.contactus": [
-    {
         "type": 0,
         "value": "Contact Us"
-    }
+    }],
-  ],
+    "footer.donations": [{
-  "footer.donations": [
-    {
         "type": 0,
-      "value": "PayPal Donations"
+        "value": "Donations"
-    }
+    }],
-  ],
+    "footer.faq": [{
-  "footer.faq": [
-    {
         "type": 0,
         "value": "F.A.Q."
-    }
+    }],
-  ],
+    "footer.feedback": [{
-  "footer.feedback": [
-    {
         "type": 0,
         "value": "Feedback"
-    }
+    }],
-  ],
+    "footer.opensource": [{
-  "footer.opensource": [
-    {
         "type": 0,
         "value": "Open Source"
-    }
+    }],
-  ],
+    "footer.termsandconditions": [{
-  "footer.termsandconditions": [
-    {
         "type": 0,
         "value": "Term And Conditions"
-    }
+    }],
-  ],
+    "header.donthaveaccount": [{
-  "header.donthaveaccount": [
-    {
         "type": 0,
         "value": "Don't have an account ?"
-    }
+    }],
-  ],
+    "login.email": [{
-  "login.email": [
-    {
         "type": 0,
         "value": "Email"
-    }
+    }],
-  ],
+    "login.error": [{
-  "login.error": [
-    {
         "type": 0,
         "value": "The email address or password you entered is not valid."
-    }
+    }],
-  ],
+    "login.forgotpwd": [{
-  "login.forgotpwd": [
-    {
         "type": 0,
         "value": "Forgot Password ?"
-    }
+    }],
-  ],
+    "login.hsqldbcofig": [{
-  "login.hsqldbcofig": [
-    {
         "type": 0,
         "value": "Warning: Although HSQLDB is bundled with WiseMapping by default during the installation, we do not recommend this database for production use. Please consider using MySQL 5.7 instead. You can find more information how to configure MySQL"
-    }
+    }],
-  ],
+    "login.loginto": [{
-  "login.loginto": [
-    {
         "type": 0,
         "value": "Log Into Your Account"
-    }
+    }],
-  ],
+    "login.password": [{
-  "login.password": [
-    {
         "type": 0,
         "value": "Password"
-    }
+    }],
-  ],
+    "login.remberme": [{
-  "login.remberme": [
-    {
         "type": 0,
         "value": "Remember me"
-    }
+    }],
-  ],
+    "login.signin": [{
-  "login.signin": [
-    {
         "type": 0,
         "value": "Sign In"
-    }
+    }],
-  ],
+    "login.signup": [{
-  "login.signup": [
-    {
         "type": 0,
         "value": "Sign Up"
-    }
+    }],
-  ],
+    "login.userinactive": [{
-  "login.userinactive": [
-    {
         "type": 0,
         "value": "Sorry, your account has not been activated yet. You'll receive a notification email when it becomes active. Stay tuned!."
-    }
+    }],
-  ],
+    "login.welcome": [{
-  "login.welcome": [
-    {
         "type": 0,
         "value": "Welcome"
-    }
+    }]
-  ]
 }

src/compiled-lang/es.json

@@ -1,116 +1,78 @@
 {
-  "footer.aboutus": [
+    "footer.aboutus": [{
-    {
         "type": 0,
         "value": "Sobre Nosotros"
-    }
+    }],
-  ],
+    "footer.contactus": [{
-  "footer.contactus": [
-    {
         "type": 0,
         "value": "Contáctenos"
-    }
+    }],
-  ],
+    "footer.donations": [{
-  "footer.donations": [
-    {
         "type": 0,
-      "value": "PayPal Donaciones"
+        "value": "Donaciones"
-    }
+    }],
-  ],
+    "footer.faq": [{
-  "footer.faq": [
-    {
         "type": 0,
         "value": "Preguntas Frecuentes"
-    }
+    }],
-  ],
+    "footer.feedback": [{
-  "footer.feedback": [
-    {
         "type": 0,
         "value": "Feedback"
-    }
+    }],
-  ],
+    "footer.opensource": [{
-  "footer.opensource": [
-    {
         "type": 0,
         "value": "Open Source"
-    }
+    }],
-  ],
+    "footer.termsandconditions": [{
-  "footer.termsandconditions": [
-    {
         "type": 0,
         "value": "Terminos y Condiciones"
-    }
+    }],
-  ],
+    "header.donthaveaccount": [{
-  "header.donthaveaccount": [
-    {
         "type": 0,
         "value": "No tienes una cuenta ?"
-    }
+    }],
-  ],
+    "login.email": [{
-  "login.email": [
-    {
         "type": 0,
         "value": "Email"
-    }
+    }],
-  ],
+    "login.error": [{
-  "login.error": [
-    {
         "type": 0,
         "value": "El email o la contraseña no es valida."
-    }
+    }],
-  ],
+    "login.forgotpwd": [{
-  "login.forgotpwd": [
-    {
         "type": 0,
         "value": "Olvidaste la contraseña ?"
-    }
+    }],
-  ],
+    "login.hsqldbcofig": [{
-  "login.hsqldbcofig": [
-    {
         "type": 0,
         "value": "Warning: Although HSQLDB is bundled with WiseMapping by default during the installation, we do not recommend this database for production use. Please consider using MySQL 5.7 instead. You can find more information how to configure MySQL"
-    }
+    }],
-  ],
+    "login.loginto": [{
-  "login.loginto": [
-    {
         "type": 0,
         "value": "Ingresar a tu Cuenta"
-    }
+    }],
-  ],
+    "login.password": [{
-  "login.password": [
-    {
         "type": 0,
         "value": "Contraseña"
-    }
+    }],
-  ],
+    "login.remberme": [{
-  "login.remberme": [
-    {
         "type": 0,
         "value": "Recordarme"
-    }
+    }],
-  ],
+    "login.signin": [{
-  "login.signin": [
-    {
         "type": 0,
         "value": "Ingresar"
-    }
+    }],
-  ],
+    "login.signup": [{
-  "login.signup": [
-    {
         "type": 0,
         "value": "Registrarse"
-    }
+    }],
-  ],
+    "login.userinactive": [{
-  "login.userinactive": [
-    {
         "type": 0,
         "value": "Sorry, your account has not been activated yet. You'll receive a notification email when it becomes active. Stay tuned!."
-    }
+    }],
-  ],
+    "login.welcome": [{
-  "login.welcome": [
-    {
         "type": 0,
         "value": "Bienvenido"
-    }
+    }]
-  ]
 }

src/css/core.css

@@ -154,16 +154,18 @@ nav a {
     padding: 30px 40px 10px 50px;
     background-color: #f9a826;
     display: grid;
-    grid-template-columns: 200px 200px 200px 1fr;
+    grid-template-columns: 100px 1fr 1fr 3fr;
 }
 
 .footer a {
     font-size: 14px;
     margin: 0px 10px;
     color: white;
+    word-wrap: nowrap;
+    text-align: center;
 }
 
-.footer>img {
+.footer>svg {
     grid-column: 1;
 }
 
@@ -175,9 +177,34 @@ nav a {
     grid-column: 3;
 }
 
-.footer div:nth-child(4) {
+@media (min-width: 500px) {
+    .footer {
+        grid-template-columns: 5px 1fr 1fr 5px;
+    }
+    .footer>svg {
+        display: none;
+        visibility: hidden;
+    }
+    .footer div:nth-child(4) {
+        display: none;
+        visibility: hidden;
+    }
+}
+
+@media (min-width: 800px) {
+    .footer {
+        grid-template-columns: 150px 1fr 1fr;
+    }
+    .footer>svg {
+        display: inline-block;
+        visibility: visible;
+    }
+    .footer div:nth-child(4) {
         grid-column: 4;
         text-align: right;
+        display: inline-block;
+        visibility: visible;
+    }
 }