From 0f4a97549591648995bf6fc61d196c47c7e6e479 Mon Sep 17 00:00:00 2001
From: Michael Quigley <michael@quigley.com>
Date: Wed, 3 May 2023 14:11:09 -0400
Subject: [PATCH] responsive layout (#234)

---
 ui/src/console/Console.js                      |  4 ++--
 ui/src/console/detail/environment/SharesTab.js | 11 -----------
 ui/src/index.css                               |  2 +-
 3 files changed, 3 insertions(+), 14 deletions(-)

diff --git a/ui/src/console/Console.js b/ui/src/console/Console.js
index 5dae41cd..e615daca 100644
--- a/ui/src/console/Console.js
+++ b/ui/src/console/Console.js
@@ -66,7 +66,7 @@ const Console = (props) => {
             </Navbar>
             <Container fluid={"xl"}>
                 <Row id={"controls-row"}>
-                    <Col>
+                    <Col lg={6}>
                         <Visualizer
                             user={props.user}
                             overview={overview}
@@ -75,7 +75,7 @@ const Console = (props) => {
                             setSelection={setSelection}
                         />
                     </Col>
-                    <Col>
+                    <Col lg={6}>
                         <Detail user={props.user} selection={selection} />
                     </Col>
                 </Row>
diff --git a/ui/src/console/detail/environment/SharesTab.js b/ui/src/console/detail/environment/SharesTab.js
index 333c8c7c..478d8c37 100644
--- a/ui/src/console/detail/environment/SharesTab.js
+++ b/ui/src/console/detail/environment/SharesTab.js
@@ -34,22 +34,11 @@ const SharesTab = (props) => {
             name: "Frontend",
             selector: row => <a href={row.frontendEndpoint} target={"_"}>{row.frontendEndpoint}</a>,
             sortable: true,
-            hide: "md"
         },
         {
             name: "Backend",
             selector: row => row.backendProxyEndpoint,
             sortable: true,
-        },
-        {
-            name: "Share Mode",
-            selector: row => row.shareMode,
-            hide: "md"
-        },
-        {
-            name: "Token",
-            selector: row => row.token,
-            sortable: true,
             hide: "md"
         },
         {
diff --git a/ui/src/index.css b/ui/src/index.css
index 80c1f048..7d4e69f7 100644
--- a/ui/src/index.css
+++ b/ui/src/index.css
@@ -64,7 +64,7 @@ code, pre {
 }
 
 .fullscreen {
-    background-color: #3b2693;
+    background: linear-gradient(180deg, #0E0238 0%, #231069 100%);
     padding: 25px;
     color: white;
     display: flex;