diff --git a/src/components/AccountWidget/AccountWidget.jsx b/src/components/AccountWidget/AccountWidget.jsx
index fd19ff03b1..a4a6efc5e8 100644
--- a/src/components/AccountWidget/AccountWidget.jsx
+++ b/src/components/AccountWidget/AccountWidget.jsx
@@ -25,7 +25,12 @@ const AccountWidget = ({
:
}
diff --git a/src/components/AccountWidget/LoggedIn.jsx b/src/components/AccountWidget/LoggedIn.jsx
index 3cb5d874f8..0d4576e855 100644
--- a/src/components/AccountWidget/LoggedIn.jsx
+++ b/src/components/AccountWidget/LoggedIn.jsx
@@ -19,6 +19,7 @@ const StyledFlatButton = styled(FlatButton)`
padding-right: 10px !important;
padding-left: 0 !important;
}
+ display: flex;
`;
const LoggedIn = ({ playerId, style, strings }) => {
diff --git a/src/components/Header/Header.jsx b/src/components/Header/Header.jsx
index f8e4ffc832..a89b8856b8 100644
--- a/src/components/Header/Header.jsx
+++ b/src/components/Header/Header.jsx
@@ -47,14 +47,17 @@ const TabContainer = styled.div`
margin: 0 12px;
text-align: center;
position: relative;
-`;
+ line-height: 1;
-const AppLogoWrapper = styled.div`
- @media screen and (max-width: 800px) {
+ @media only screen and (max-width: 1500px) {
display: none;
}
`;
+const AppLogoWrapper = styled.div`
+ line-height: 1;
+`;
+
const DropdownMenu = styled(Menu)`
& .MuiMenu-paper {
background: ${constants.primarySurfaceColor};
@@ -111,7 +114,7 @@ const DrawerLink = styled(Link)`
& li:hover {
background-color: rgba(0, 0, 0, 0.08);
- transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+ transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
`;
@@ -164,6 +167,10 @@ const SettingsGroup = ({ children }) => {
const MenuButtonWrapper = styled.div`
margin-right: 12px;
+
+ @media only screen and (min-width: 1500px) {
+ display: none;
+ }
`;
const LogoGroup = ({ onMenuClick }) => (
@@ -310,7 +317,7 @@ const Header = ({ location, disableSearch }) => {
{small && }
{!disableSearch && }
-
+
{small && }
@@ -331,8 +338,8 @@ const Header = ({ location, disableSearch }) => {
{drawerPages.map((page) => (
- setMenuState(false)}
>
diff --git a/src/components/Search/SearchForm.jsx b/src/components/Search/SearchForm.jsx
index f429a2568d..ea8e66a9c3 100644
--- a/src/components/Search/SearchForm.jsx
+++ b/src/components/Search/SearchForm.jsx
@@ -17,7 +17,7 @@ class SearchForm extends React.Component {
}),
strings: PropTypes.shape({}),
small: PropTypes.bool,
- }
+ };
constructor(props) {
super(props);
@@ -61,11 +61,18 @@ class SearchForm extends React.Component {
render() {
const { strings, small } = this.props;
return (
-