From ed964ed3623476caae54249ebdf320b56f9df076 Mon Sep 17 00:00:00 2001
From: Alexander Platov <sas_lord@mail.ru>
Date: Sat, 10 Jun 2023 08:03:20 +0300
Subject: [PATCH] UBER-471: fixed maintenance warining. (#3424)

---
 packages/ui/src/components/internal/Root.svelte | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/packages/ui/src/components/internal/Root.svelte b/packages/ui/src/components/internal/Root.svelte
index 1b4ca43f0d..464bc1e609 100644
--- a/packages/ui/src/components/internal/Root.svelte
+++ b/packages/ui/src/components/internal/Root.svelte
@@ -107,7 +107,7 @@
         >
           <div class="flex flex-row-center flex-center">
             {#if maintenanceTime > 0}
-              <div class="flex flex-grow flex-center flex-row-center" class:maintenanceScheduled={maintenanceTime > 0}>
+              <div class="flex-grow flex-center flex-row-center" class:maintenanceScheduled={maintenanceTime > 0}>
                 <Label label={platform.status.MaintenanceWarning} params={{ time: maintenanceTime }} />
               </div>
             {/if}
@@ -195,14 +195,13 @@
       background-color: var(--theme-statusbar-color);
 
       .maintenanceScheduled {
-        background-color: var(--highlight-red);
-        color: var(--tooltip-bg-color);
-        border-radius: 10px;
-        padding: 0 1rem 0 1rem;
-        height: 20px;
-        align-items: center;
+        padding: 0 0.5rem;
         width: fit-content;
-        max-width: 18rem;
+        height: 1.25rem;
+        max-width: 22rem;
+        color: var(--tooltip-bg-color);
+        background-color: var(--highlight-red);
+        border-radius: 0.625rem;
       }
 
       .status-info {