From 7651d05b37970574d6ae4bdf75c20c69d59c1e6d Mon Sep 17 00:00:00 2001
From: Fabio <fabio286@gmail.com>
Date: Tue, 11 Aug 2020 09:11:26 +0200
Subject: [PATCH] fix: window title not perfectly centered

---
 src/renderer/components/TheTitleBar.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/renderer/components/TheTitleBar.vue b/src/renderer/components/TheTitleBar.vue
index c06b44a3..10766857 100644
--- a/src/renderer/components/TheTitleBar.vue
+++ b/src/renderer/components/TheTitleBar.vue
@@ -4,7 +4,7 @@
       <div class="titlebar-elements">
          <img class="titlebar-logo" :src="require('@/images/logo.svg').default">
       </div>
-      <div class="titlebar-elements">
+      <div class="titlebar-elements titlebar-title">
          {{ windowTitle }}
       </div>
       <div class="titlebar-elements">
@@ -123,6 +123,15 @@ export default {
       display: flex;
       align-items: center;
 
+      &.titlebar-title {
+        position: absolute;
+        left: 0;
+        right: 0;
+        text-align: center;
+        display: block;
+        pointer-events: none;
+      }
+
       .titlebar-logo {
         height: $titlebar-height;
         padding: 0 0.4rem;