From c2e1c4c1e1f3d5fa10c091eeebf3bc5ced3bfd91 Mon Sep 17 00:00:00 2001
From: Anjula Karunarathne <anjulakarunarathne@gmail.com>
Date: Sun, 15 Mar 2020 09:49:24 +0000
Subject: [PATCH] Desktop: Fixes #2700: Fix button label wrapping in toolbar
 (#2708)

---
 ElectronClient/gui/Header.jsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

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) {