From 375f9e612df6c140a6c43bdaf2477d60c00d2aef Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Fri, 3 Sep 2021 18:51:04 -0700
Subject: [PATCH] set title to vertical center

---
 src/components/layout/Titlebar.tsx | 12 ++----------
 src/styles/App.global.css          | 20 +++++++++++++++-----
 2 files changed, 17 insertions(+), 15 deletions(-)

diff --git a/src/components/layout/Titlebar.tsx b/src/components/layout/Titlebar.tsx
index 6a1215e..05b3760 100644
--- a/src/components/layout/Titlebar.tsx
+++ b/src/components/layout/Titlebar.tsx
@@ -20,16 +20,8 @@ const Titlebar = () => {
   return (
     <TitleHeader id="titlebar">
       <DragRegion id="drag-region">
-        <div
-          id="window-title"
-          style={{
-            width: 'calc(80%)',
-            overflow: 'hidden',
-            textOverflow: 'ellipsis',
-            whiteSpace: 'nowrap',
-          }}
-        >
-          <span>{title}</span>
+        <div id="window-title-wrapper">
+          <span id="window-title">{title}</span>
         </div>
         <WindowControl id="window-controls">
           <WindowControlButton minButton className="button" id="min-button">
diff --git a/src/styles/App.global.css b/src/styles/App.global.css
index 162e543..f4fe72b 100644
--- a/src/styles/App.global.css
+++ b/src/styles/App.global.css
@@ -93,11 +93,6 @@ h1 {
   }
 }
 
-.maximized #titlebar {
-  width: 100%;
-  padding: 0;
-}
-
 #window-controls .button {
   grid-row: 1 / span 1;
   display: flex;
@@ -107,6 +102,21 @@ h1 {
   height: 100%;
 }
 
+#window-title-wrapper {
+  width: calc(80%);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  height: 100%;
+  padding: 2px;
+}
+
+#window-title {
+  display: inline-block;
+  vertical-align: middle;
+  line-height: normal;
+}
+
 #restore-button {
   display: none !important;
 }