[grid] Putting queue below running sessions (UI)

Like that, when the queue is big, running sessions won't be pushed way to much to the bottom and will still be visible.
SeleniumHQ · Feb 11, 2021 · 1d0e131 · 1d0e131
1 parent 965023b
commit 1d0e131
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/javascript/grid-ui/src/components/QueuedSessions/QueuedSessions.tsx b/javascript/grid-ui/src/components/QueuedSessions/QueuedSessions.tsx
@@ -8,6 +8,7 @@ const useStyles = makeStyles((theme: Theme) =>
   createStyles({
     root: {
       width: '100%',
+      paddingTop: 30,
     },
     queueList: {
       minWidth: 750,

diff --git a/javascript/grid-ui/src/screens/Sessions/Sessions.tsx b/javascript/grid-ui/src/screens/Sessions/Sessions.tsx
@@ -23,6 +23,7 @@ export default function Sessions() {
       </Grid>
     );
   }
+
   if (error) {
     const message = "There has been an error while loading the running and queued Sessions from the Grid."
     return (
@@ -42,8 +43,8 @@ export default function Sessions() {
 
   return (
     <Grid container spacing={3}>
-      <QueuedSessions sessionQueueRequests={data.sessionsInfo.sessionQueueRequests}/>
       <RunningSessions sessions={data.sessionsInfo.sessions}/>
+      <QueuedSessions sessionQueueRequests={data.sessionsInfo.sessionQueueRequests}/>
     </Grid>
   );
 }