Update icons

packages/webapp/public/manifest.json

@@ -3,13 +3,13 @@
     "name": "WiseMapping",
     "icons": [{
             "src": "favicon.ico",
-            "sizes": "64x64 32x32 24x24 16x16",
+            "sizes": "256x256 192x192 128x128 96x96 64x64 32x32 24x24 16x16",
             "type": "image/x-icon"
         },
         {
             "src": "favicon.png",
             "type": "image/png",
-            "sizes": "512x512"
+            "sizes": "1024x1024"
         }
     ],
     "start_url": ".",

packages/webapp/src/components/layout/footer/index.tsx

@@ -2,14 +2,14 @@ import React from 'react'
 import { FormattedMessage } from 'react-intl'
 import { StyledFooter } from './styled'
 
-const logo = require('../../../images/logo-text.svg')
+const poweredByIcon = require('../../../images/pwrdby-white.svg')
 
 const Footer = () => {
   return (
     <StyledFooter>
       <div style={{ padding: 0, margin: 0 }}>
         <a href="http://www.wisemapping.org/">
-          <div style={{ textAlign: "left" }}>Powered By</div><img src={logo} alt="logo" />
+          <img src={poweredByIcon} alt="Powered By WiseMapping" />
         </a>
       </div>
       <div >

packages/webapp/src/components/maps-page/index.tsx

@@ -8,12 +8,13 @@ import IconButton from '@material-ui/core/IconButton';
 import ListItem from '@material-ui/core/ListItem';
 import ListItemIcon from '@material-ui/core/ListItemIcon';
 import { ListItemTextStyled, useStyles } from './style';
-import { AccountCircle, AddCircleTwoTone, BlurCircular, CloudUploadTwoTone, DeleteOutlineTwoTone, Help, LabelTwoTone, PublicTwoTone,  ShareTwoTone, StarRateTwoTone, Translate, TranslateTwoTone } from '@material-ui/icons';
+import { AccountCircle, AddCircleTwoTone, BlurCircular, CloudUploadTwoTone, DeleteOutlineTwoTone, Help, LabelTwoTone, PublicTwoTone, ShareTwoTone, StarRateTwoTone, Translate, TranslateTwoTone } from '@material-ui/icons';
 import InboxTwoToneIcon from '@material-ui/icons/InboxTwoTone';
-import { Button, ListItemSecondaryAction, Menu, MenuItem, Tooltip } from '@material-ui/core';
-import { MapsList } from './maps-list';
+import { Button, Link, ListItemSecondaryAction, Menu, MenuItem, Tooltip } from '@material-ui/core';
+import { MapsList } from './maps-list'; 
 import { FormattedMessage } from 'react-intl';
 const logo = require('../../images/logo-small.svg')
+const poweredByIcon = require('../../images/pwrdby-white.svg')
 
 type FilterType = 'public' | 'all' | 'starred' | 'shared' | 'label' | 'owned'
 
@@ -82,12 +83,11 @@ const MapsPage = (props: any) => {
                     }),
                 }}>
 
-                <div style={{textAlign: 'center',margin:"20px 0px"}}>
-                    <img src={logo} alt="logo"/>
+                <div style={{ textAlign: 'center', margin: "20px 0px" }}>
+                    <img src={logo} alt="logo" />
                 </div>
 
                 <List component="nav">
-
                     <ListItem button >
                         <ListItemIcon>
                             <InboxTwoToneIcon color="secondary" />
@@ -134,8 +134,12 @@ const MapsPage = (props: any) => {
                             </IconButton>
                         </ListItemSecondaryAction>
                     </ListItem>
-
                 </List>
+                <div style={{ position: 'absolute', bottom: '10px', left: '20px' }}>
+                    <Link href="http://www.wisemapping.org/">
+                        <img src={poweredByIcon} alt="Powered By WiseMapping" />
+                    </Link>
+                </div>
             </Drawer>
             <main className={classes.content}>
                 <div className={classes.toolbar} />

packages/webapp/src/components/maps-page/maps-list/index.tsx

@@ -302,7 +302,6 @@ export const MapsList = () => {
         <TableContainer>
           <Table
             className={classes.table}
-            aria-labelledby="tableTitle"
             size="small"
             stickyHeader
           >

packages/webapp/src/components/maps-page/maps-list/styled.ts

@@ -57,7 +57,7 @@ export const useStyles = makeStyles((theme: Theme) =>
       '&:hover': {
         backgroundColor: fade(theme.palette.common.white, 0.25),
       },
-      marginLeft: 0,
+      margin: '10px 0px',
       width: '100%',
       [theme.breakpoints.up('sm')]: {
         marginLeft: theme.spacing(1),
@@ -66,7 +66,7 @@ export const useStyles = makeStyles((theme: Theme) =>
       float: 'right'
     },
     searchIcon: {
-      padding: '5px 0 0 8px',
+      padding: '5px 0 0 5px',
       height: '100%',
       position: 'absolute',
       pointerEvents: 'none',

packages/webapp/src/images/logo-icon.svg

@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
-<svg viewBox="11.222 9.992 47.08 32.567" width="47.08" height="32.567" xmlns="http://www.w3.org/2000/svg">
+<svg viewBox="11.791 4.244 45.584 42.529" width="47.08" height="32.567" xmlns="http://www.w3.org/2000/svg">
   <mask id="i08j30ef6a" fill="#fff">
     <path d="M 32.334 17.911 C 32.334 20.705 31.301 23.382 29.458 25.357 C 27.617 27.332 25.121 28.441 22.517 28.441 C 19.913 28.441 17.417 27.332 15.576 25.357 C 13.734 23.382 12.7 20.705 12.7 17.911 L 32.334 17.911 Z"/>
   </mask>