From 337aaa40d7835ba3c178e0cde0a656c520eebe34 Mon Sep 17 00:00:00 2001
From: Daniel LaCosse <3759828+daniellacosse@users.noreply.github.com>
Date: Thu, 30 Jan 2025 12:25:14 -0500
Subject: [PATCH] feat(manager): resize window and left-adjust tabs (#2350)

* feat(manager): resize window and left-adjust tabs

* fix sidebar

* fix spelling
---
 server_manager/electron/index.ts                        | 2 +-
 server_manager/index.html                               | 2 +-
 server_manager/www/ui_components/app-root.ts            | 2 +-
 server_manager/www/ui_components/outline-server-view.ts | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/server_manager/electron/index.ts b/server_manager/electron/index.ts
index b558faad1ee..2da21ac5c95 100644
--- a/server_manager/electron/index.ts
+++ b/server_manager/electron/index.ts
@@ -64,7 +64,7 @@ interface IpcEvent {
 
 function createMainWindow() {
   const win = new electron.BrowserWindow({
-    width: 800,
+    width: 1255,
     height: 1024,
     minWidth: 600,
     minHeight: 768,
diff --git a/server_manager/index.html b/server_manager/index.html
index a411c1af053..a8fc628c6fb 100644
--- a/server_manager/index.html
+++ b/server_manager/index.html
@@ -30,7 +30,7 @@
 
     <style>
       /* 
-        TODO: currently webpack wants to relove the `url` link here but doesen't know how.
+        TODO: currently webpack wants to resolve the `url` link here but doesn't know how.
         Index.html isn't transformed by webpack, so this sidesteps the issue, but ideally we teach webpack how to handle this filetype.
       */
       @font-face {
diff --git a/server_manager/www/ui_components/app-root.ts b/server_manager/www/ui_components/app-root.ts
index b72549c3f16..9d2c9750d73 100644
--- a/server_manager/www/ui_components/app-root.ts
+++ b/server_manager/www/ui_components/app-root.ts
@@ -372,7 +372,7 @@ export class AppRoot extends polymerElementWithLocalize {
 
     <div hidden\$="{{!hasAcceptedTos}}">
       <!-- This responsive width sets the minimum layout area to 648px.  -->
-      <app-drawer-layout id="drawerLayout" responsive-width="886px" on-narrow-changed="_computeShouldShowSideBar" class\$="[[sideBarMarginClass]]">
+      <app-drawer-layout id="drawerLayout" responsive-width="1255px" on-narrow-changed="_computeShouldShowSideBar" class\$="[[sideBarMarginClass]]">
         <app-drawer id="appDrawer" slot="drawer" on-opened-changed="_computeShouldShowSideBar">
           <app-toolbar class="toolbar" hidden\$="[[shouldShowSideBar]]">
             <paper-icon-button icon="menu" on-click="_toggleAppDrawer"></paper-icon-button>
diff --git a/server_manager/www/ui_components/outline-server-view.ts b/server_manager/www/ui_components/outline-server-view.ts
index 1e7b03e55a1..866d0575987 100644
--- a/server_manager/www/ui_components/outline-server-view.ts
+++ b/server_manager/www/ui_components/outline-server-view.ts
@@ -543,7 +543,6 @@ export class ServerView extends DirMixin(PolymerElement) {
         </div>
       </div>
       <div class="tabs-container">
-        <div class="tabs-spacer"></div>
         <paper-tabs
           selected="{{selectedTab}}"
           attr-for-selected="name"
@@ -564,6 +563,7 @@ export class ServerView extends DirMixin(PolymerElement) {
             >[[localize('server-settings')]]</paper-tab
           >
         </paper-tabs>
+        <div class="tabs-spacer"></div>
       </div>
       <iron-pages
         selected="[[selectedTab]]"