move deployment permissions to top level tabs like others

frontend/src/components/deployment/tabs/Tabs.tsx

@@ -21,8 +21,11 @@ import {
 import { client } from "../../..";
 import SimpleTabs from "../../shared/tabs/SimpleTabs";
 import { ConfigProvider } from "./config/Provider";
+import Permissions from "./config/Permissions";
+import { useUser } from "../../../state/UserProvider";
 
 const DeploymentTabs: Component<{}> = () => {
+  const { user } = useUser();
   const { deployments, ws } = useAppState();
   const params = useParams();
   const deployment = () => deployments.get(params.id);
@@ -113,6 +116,10 @@ const DeploymentTabs: Component<{}> = () => {
                   ),
                 },
               ],
+              user().admin && {
+                title: "collaborators",
+                element: <Permissions />,
+              },
             ]
               .flat()
               .filter((e) => e) as Tab[]

frontend/src/components/deployment/tabs/config/Config.tsx

@@ -101,18 +101,6 @@ const Config: Component<{}> = () => {
                   </Grid>
                 ),
               },
-              user().admin && {
-                title: "permissions",
-                element: () => (
-                  <Grid
-                    class="config-items scroller"
-                    style={{ height: "100%" }}
-                    placeItems="start center"
-                  >
-                    <Permissions />
-                  </Grid>
-                ),
-              },
             ].filter((e) => e) as Tab[]
           }
         />

frontend/src/components/deployment/tabs/log/log.module.scss

@@ -1,7 +1,7 @@
 @use "../../../../style/colors.scss" as c;
 
 .LogContainer {
-	height: 75vh;
+	height: 85vh;
 	margin: 0.5rem;
   margin-top: 0rem;
 	background-color: rgba(c.$darkgrey, 0.6);

frontend/src/components/home/Tree/Groups.tsx

@@ -174,10 +174,21 @@ const Group: Component<{ id: string }> = (p) => {
             );
           }}
         </For>
-        <div
-          class="lightgrey"
-          style={{ opacity: 0.7, width: "100%", height: "3px" }}
-        />
+        <Grid
+          placeItems="center"
+          gridTemplateColumns="1fr auto 1fr"
+          style={{ width: "100%" }}
+        >
+          <div
+            class="lightgrey"
+            style={{ opacity: 0.7, width: "100%", height: "3px" }}
+          />
+          <div style={{ opacity: 0.7 }}>end</div>
+          <div
+            class="lightgrey"
+            style={{ opacity: 0.7, width: "100%", height: "3px" }}
+          />
+        </Grid>
       </Show>
     </Show>
   );