set title to vertical center

src/components/layout/Titlebar.tsx

@@ -20,16 +20,8 @@ const Titlebar = () => {
   return (
     <TitleHeader id="titlebar">
       <DragRegion id="drag-region">
-        <div
+        <div id="window-title-wrapper">
-          id="window-title"
+          <span id="window-title">{title}</span>
-          style={{
-            width: 'calc(80%)',
-            overflow: 'hidden',
-            textOverflow: 'ellipsis',
-            whiteSpace: 'nowrap',
-          }}
-        >
-          <span>{title}</span>
         </div>
         <WindowControl id="window-controls">
           <WindowControlButton minButton className="button" id="min-button">

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;
 }