From 639e1e2cde4367f1755a2eb7ff98090cb68ec6b8 Mon Sep 17 00:00:00 2001
From: Daniel LaCosse <3759828+daniellacosse@users.noreply.github.com>
Date: Thu, 1 Feb 2024 20:57:41 -0500
Subject: [PATCH] fix(manager): adjust app container on narrow devices to make
 room for sidebar (#1495)

* i feel disguisting lol

* app container is better
---
 src/server_manager/web_app/ui_components/app-root.ts | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/server_manager/web_app/ui_components/app-root.ts b/src/server_manager/web_app/ui_components/app-root.ts
index 05d52a1b6..5a213cdb9 100644
--- a/src/server_manager/web_app/ui_components/app-root.ts
+++ b/src/server_manager/web_app/ui_components/app-root.ts
@@ -372,6 +372,11 @@ export class AppRoot extends polymerElementWithLocalize {
       #getConnectedDialog .buttons {
         margin-top: -5px; /* undo spacing added after iframe */
       }
+      @media (max-width: 887px) {
+        .app-container {
+          margin-left: 50px;
+        }
+      }
     </style>
 
     <outline-tos-view id="tosView" has-accepted-terms-of-service="{{userAcceptedTos}}" hidden\$="{{hasAcceptedTos}}" localize="[[localize]]"></outline-tos-view>