переделка интерфейса

src/webparts/requestPortal/components/RequestPortal.module.scss

@@ -32,13 +32,13 @@
   font-family: $font-sans;
 }
 
-// Двухколоночная раскладка: формы (main) + постоянная панель (side).
+// Раскладка: боковое меню (side) + основная область (main).
 .layout {
   display: flex;
   align-items: flex-start;
   gap: $sp-6;
   width: 100%;
-  max-width: 1400px;
+  max-width: 1600px;
   margin: 0 auto;
 }
 
@@ -47,50 +47,27 @@
   min-width: 0; // чтобы контент не распирал колонку
 }
 
+// Ширину задаёт само меню (SideNav сворачивается) — колонка просто под него.
 .side {
-  flex: 0 0 380px;
+  flex: 0 0 auto;
   position: sticky;
   top: $sp-4;
-  align-self: stretch;
-  transition: flex-basis .2s;
-}
-
-.sideCollapsed {
-  flex-basis: 44px;
 }
 
+// Та же ширина, что у контента подачи (SubmitFeature .content) — чтобы вкладки
+// не уезжали шире формы под ними.
 .tabsWrap {
+  max-width: 1080px;
   margin-bottom: $sp-6;
 }
 
-// Возврат из режима согласования (approve) к списку заявок (SubmitFeature).
-.backButton {
-  display: inline-flex;
-  align-items: center;
-  gap: $sp-2;
-  margin-bottom: $sp-4;
-  padding: 0;
-  border: 0;
-  background: transparent;
-  color: $navy-700;
-  font-family: $font-sans;
-  font-size: $fs-sm;
-  cursor: pointer;
-  transition: color .18s;
-
-  &:hover {
-    color: $gold-600;
-  }
-}
-
-// На узких экранах панель уходит под формы.
+// На узких экранах меню уходит наверх, в одну строку.
 @media (max-width: 900px) {
   .layout {
     flex-direction: column;
   }
 
   .side {
-    flex-basis: auto;
     width: 100%;
     position: static;
   }