From a3db3670be45d3bfcb15a8c49bb5f30cad1c21bc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jakub=20Chatrn=C3=BD?= <jakub.chatrny@gmail.com>
Date: Sun, 6 Jan 2019 15:53:10 +0100
Subject: [PATCH] Add div wrappers around window controls svg elements (#3392)

Fixes #3372
---
 lib/components/header.js | 35 ++++++++++++++++++-----------------
 1 file changed, 18 insertions(+), 17 deletions(-)

diff --git a/lib/components/header.js b/lib/components/header.js
index db8b6ab2..ffeedb5f 100644
--- a/lib/components/header.js
+++ b/lib/components/header.js
@@ -128,24 +128,24 @@ export default class Header extends React.PureComponent {
             <span className="header_appTitle">{title}</span>
             {winCtrls && (
               <div className={`header_windowControls ${left ? 'header_windowControlsLeft' : ''}`}>
-                <svg
-                  className={`header_shape ${left ? 'header_minimizeWindowLeft' : ''}`}
-                  onClick={this.handleMinimizeClick}
-                >
-                  <use xlinkHref="./renderer/assets/icons.svg#minimize-window" />
-                </svg>
-                <svg
-                  className={`header_shape ${left ? 'header_maximizeWindowLeft' : ''}`}
-                  onClick={this.handleMaximizeClick}
-                >
-                  <use xlinkHref={maxButtonHref} />
-                </svg>
-                <svg
-                  className={`header_shape header_closeWindow ${left ? 'header_closeWindowLeft' : ''}`}
+                <div className={`${left ? 'header_minimizeWindowLeft' : ''}`} onClick={this.handleMinimizeClick}>
+                  <svg className="header_shape">
+                    <use xlinkHref="./renderer/assets/icons.svg#minimize-window" />
+                  </svg>
+                </div>
+                <div className={`${left ? 'header_maximizeWindowLeft' : ''}`} onClick={this.handleMaximizeClick}>
+                  <svg className="header_shape">
+                    <use xlinkHref={maxButtonHref} />
+                  </svg>
+                </div>
+                <div
+                  className={`header_closeWindow ${left ? 'header_closeWindowLeft' : ''}`}
                   onClick={this.handleCloseClick}
                 >
-                  <use xlinkHref="./renderer/assets/icons.svg#close-window" />
-                </svg>
+                  <svg className="header_shape">
+                    <use xlinkHref="./renderer/assets/icons.svg#close-window" />
+                  </svg>
+                </div>
               </div>
             )}
           </div>
@@ -192,7 +192,8 @@ export default class Header extends React.PureComponent {
             font-size: 12px;
           }
 
-          .header_shape {
+          .header_shape,
+          .header_shape > svg {
             width: 40px;
             height: 34px;
             padding: 12px 15px 12px 15px;