From 4f668f54c0eb218eeb99d9f09a2c77682f4c069d Mon Sep 17 00:00:00 2001
From: Vitalii <takur12345@gmail.com>
Date: Tue, 31 May 2022 12:24:01 +0300
Subject: [PATCH] web/satellite: fix main content width

Fixed main content width to be appropriate.
In case of very long access grant name (100+ symbols) main content gets overlapped with window border. That's an unhandled edge case.

Change-Id: I42ef709edc8454f054baa52231c605afadc471e2
---
 web/satellite/src/views/DashboardArea.vue | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/web/satellite/src/views/DashboardArea.vue b/web/satellite/src/views/DashboardArea.vue
index 4ffb6296b..9b6a6f8c0 100644
--- a/web/satellite/src/views/DashboardArea.vue
+++ b/web/satellite/src/views/DashboardArea.vue
@@ -23,6 +23,7 @@
                             'with-two-bars': amountOfInfoBars === 2,
                             'with-three-bars': amountOfInfoBars === 3,
                             'with-four-bars': amountOfInfoBars === 4,
+                            'no-nav': isNavigationHidden,
                         }"
                     >
                         <BetaSatBar v-if="isBetaSatellite" />
@@ -424,7 +425,7 @@ export default class DashboardArea extends Vue {
                 height: 100%;
 
                 &__content-wrap {
-                    width: 100%;
+                    width: calc(100% - 280px);
 
                     &__content {
                         overflow-y: auto;
@@ -466,10 +467,22 @@ export default class DashboardArea extends Vue {
         height: calc(100% - 62px - 104px);
     }
 
+    .no-nav {
+        width: 100%;
+    }
+
     @media screen and (max-width: 1280px) {
 
         .regular-navigation {
             display: none;
         }
+
+        .dashboard__wrap__new-main-area__content-wrap {
+            width: calc(100% - 86px);
+        }
+
+        .no-nav {
+            width: 100%;
+        }
     }
 </style>