From 15bd87613c444ba4a72a1c401460cc5d118c5498 Mon Sep 17 00:00:00 2001
From: Kiran Niranjan <kiran.niranjan@symphony.com>
Date: Thu, 11 Jul 2019 15:46:12 +0530
Subject: [PATCH] fix: ELECTRON-1371 (Fix Custom title bar title margin issue)
 (#715)

* ELECTRON-1371 - Fix title bar title margin issue

* ELECTRON-1371 - Fix spec for Windows title bar
---
 config/titleBarStyles.css                       | 2 +-
 spec/__snapshots__/windowsTitleBar.spec.ts.snap | 2 +-
 src/renderer/components/windows-title-bar.tsx   | 2 +-
 src/renderer/styles/title-bar.less              | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/config/titleBarStyles.css b/config/titleBarStyles.css
index b37db83b..b2402c9a 100644
--- a/config/titleBarStyles.css
+++ b/config/titleBarStyles.css
@@ -91,7 +91,7 @@ Typically you'll want to set content: url("") and adjust the width property
     overflow: hidden;
 }
 
-.title-bar-title {
+#title-bar-title {
     font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
     color: white;
     margin: 0;
diff --git a/spec/__snapshots__/windowsTitleBar.spec.ts.snap b/spec/__snapshots__/windowsTitleBar.spec.ts.snap
index 822b3047..55635e75 100644
--- a/spec/__snapshots__/windowsTitleBar.spec.ts.snap
+++ b/spec/__snapshots__/windowsTitleBar.spec.ts.snap
@@ -232,7 +232,7 @@ exports[`windows title bar should render correctly 1`] = `
       />
     </svg>
     <p
-      className="title-bar-title"
+      id="title-bar-title"
     >
       Symphony
     </p>
diff --git a/src/renderer/components/windows-title-bar.tsx b/src/renderer/components/windows-title-bar.tsx
index c55df7b3..43a61cc6 100644
--- a/src/renderer/components/windows-title-bar.tsx
+++ b/src/renderer/components/windows-title-bar.tsx
@@ -90,7 +90,7 @@ export default class WindowsTitleBar extends React.Component<{}, IState> {
                 </div>
                 <div className='title-container'>
                     {this.getSymphonyLogo()}
-                    <p className='title-bar-title'>{document.title || 'Symphony'}</p>
+                    <p id='title-bar-title'>{document.title || 'Symphony'}</p>
                 </div>
                 <div className='title-bar-button-container'>
                     <button
diff --git a/src/renderer/styles/title-bar.less b/src/renderer/styles/title-bar.less
index 49f532b1..a6a619de 100644
--- a/src/renderer/styles/title-bar.less
+++ b/src/renderer/styles/title-bar.less
@@ -50,7 +50,7 @@
   overflow: hidden;
 }
 
-.title-bar-title {
+#title-bar-title {
   font-family: @font-family;
   color: @color_2;
   margin: 0;