Desktop: Fixes #1699: Hide toolbar button text when it is below a certain size

ElectronClient/app/gui/Header.jsx

@@ -137,14 +137,17 @@ class HeaderComponent extends React.Component {
 			opacity: isEnabled ? 1 : 0.4,
 		});
 
+		const title = options.title ? options.title : '';
+
 		return <a
 			className={classes.join(' ')}
 			style={finalStyle}
 			key={key}
 			href="#"
+			title={title}
 			onClick={() => { if (isEnabled) options.onClick() }}
 		>
-			{icon}{options.title ? options.title : ''}
+			{icon}<span className="title">{title}</span>
 		</a>
 	}
 

ElectronClient/app/style.css

@@ -121,4 +121,10 @@ table td, table th {
 
 :disabled {
 	opacity: 0.6;
+}
+
+@media screen and (max-width:550px){    
+	.header .title {
+		display: none;
+	}
 }