Merge pull request #108 from LuCEresearchlab/UI-fix

Question now follows when scrolling

Author: malags

frontend/src/components/question_component/QuestionSelect.tsx

@@ -16,13 +16,10 @@ const useStyles = makeStyles((theme: Theme) =>
         root: {
             width: '100%',
             justifyContent: 'center',
-            position: 'sticky',
-            top: '100px',
             flexGrow: 1
         },
         paper: {
             padding: theme.spacing(2),
-            position: 'sticky',
             textAlign: 'left',
             marginLeft: 'auto',
             marginRight: 'auto',

frontend/src/components/v2/TaggingUI.tsx

@@ -144,10 +144,12 @@ function TaggingUI({taggingSession, dispatchTaggingSession, taggingClusterSessio
             </div>
             <Grid container direction={'row'} className={classes.root} spacing={10}>
                 <Grid item xs={showQuestion ? 4 : 1}>
-                    <Button onClick={() => {
-                        setShowQuestion(!showQuestion)
-                    }}>Q</Button>
-                    <Collapse in={showQuestion}>
+                    <Button
+                        style={{position: 'sticky', top: '1em'}}
+                        onClick={() => {
+                            setShowQuestion(!showQuestion)
+                        }}>Q</Button>
+                    <Collapse in={showQuestion} style={{position: 'sticky', top: '1em'}}>
                         <QuestionSelect
                             questions={taggingSession.questions}
                             selectedQuestion={taggingSession.currentQuestion}