responsive layout (#234)

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>

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"
         },
         {

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;