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 ( -
+