diff --git a/ElectronClient/gui/Header.jsx b/ElectronClient/gui/Header.jsx index de9787e06..6787d3896 100644 --- a/ElectronClient/gui/Header.jsx +++ b/ElectronClient/gui/Header.jsx @@ -100,7 +100,7 @@ class HeaderComponent extends React.Component { } determineButtonLabelState() { - const mediaQuery = window.matchMedia(`(max-width: ${550 * this.props.zoomFactor}px)`); + const mediaQuery = window.matchMedia(`(max-width: ${780 * this.props.zoomFactor}px)`); const showButtonLabels = !mediaQuery.matches; if (this.state.showButtonLabels !== showButtonLabels) { @@ -266,6 +266,7 @@ class HeaderComponent extends React.Component { fontSize: theme.fontSize, boxSizing: 'border-box', cursor: 'default', + whiteSpace: 'nowrap', }; if (showBackButton) { diff --git a/ReactNativeClient/lib/components/global-style.js b/ReactNativeClient/lib/components/global-style.js index c6300a1fb..6b2920a64 100644 --- a/ReactNativeClient/lib/components/global-style.js +++ b/ReactNativeClient/lib/components/global-style.js @@ -140,7 +140,7 @@ function themeStyle(theme) { output.raisedHighlightedColor = '#ffffff'; output.htmlColor = 'rgb(220,220,220)'; - output.htmlBackgroundColor = 'rgb(29,32,36)'; + output.htmlBackgroundColor = 'rgb(0,0,0)'; output.htmlLinkColor = 'rgb(166,166,255)'; output.htmlDividerColor = '#3D444E';