adjust and fix icon and logo size

wasedatime · Oct 29, 2020 · a189b1e · a189b1e
1 parent c651f50
commit a189b1e
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 7 deletions.
diff --git a/src/js/components/Header.js b/src/js/components/Header.js
@@ -34,7 +34,7 @@ const Header = () => {
   return (
     <StyledHeader>
       <StyledLink to="/about">
-        <Logo src={logo} alt="WasedaTime logo" />
+        <Logo src={logo} alt="WasedaTime logo" width="50" height="50" />
       </StyledLink>
       <Navigation />
       <LanguangeMenu />

diff --git a/src/js/components/syllabus/ShareButton.js b/src/js/components/syllabus/ShareButton.js
@@ -63,6 +63,7 @@ const ShareButtonIcon = styled("i")`
   border-left: 0px;
   color: rgb(86, 162, 146);
   text-decoration: none;
+  padding: 1px 0px;
 
   &:focus {
     outline: none;
@@ -127,7 +128,11 @@ const ShareButton = ({
                   innerRef={ref}
                   onClick={handleToggleSharePopper}
                 >
-                  <FontAwesomeIcon icon={faShareAlt} size="2x" />{" "}
+                  <FontAwesomeIcon
+                    icon={faShareAlt}
+                    size="2x"
+                    transform="shrink-2"
+                  />{" "}
                 </ShareButtonIcon>
               )}
             </Reference>

diff --git a/src/js/components/welcome/Greeting.js b/src/js/components/welcome/Greeting.js
@@ -1,15 +1,15 @@
 import React from "react";
-import {withNamespaces} from "react-i18next";
-import {withStyles} from "@material-ui/core/styles";
+import { withNamespaces } from "react-i18next";
+import { withStyles } from "@material-ui/core/styles";
 import styled from "styled-components";
 import Typography from "@material-ui/core/Typography";
 import Radio from "@material-ui/core/Radio";
 import RadioGroup from "@material-ui/core/RadioGroup";
 import FormControlLabel from "@material-ui/core/FormControlLabel";
 import FormControl from "@material-ui/core/FormControl";
 
-import {Article} from "../../styled-components/Article";
-import {media} from "../../styled-components/utils";
+import { Article } from "../../styled-components/Article";
+import { media } from "../../styled-components/utils";
 import LANGS from "../../config/langs";
 import logo from "../../../img/logo.png";
 
@@ -53,7 +53,7 @@ class Greeting extends React.Component {
     const { classes, t, lng } = this.props;
     return (
       <ExtendedArticle>
-        <Logo src={logo} alt=""/>
+        <Logo src={logo} alt="" width="50" height="50" />
         <Typography
           variant="h3"
           component="h3"