[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.

Author: diemol

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,

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>
   );
 }