chore: Video Record Size and Text (#106)

* Bump video record button
* Tweak text around starting study

Author: cbolles

packages/client/public/locales/en/translation.json

@@ -64,8 +64,8 @@
     "contribute": {
       "enterTagging": "Enter tagging",
       "noTaggingLeft": "No tagging left",
-      "studyTagging": "Study Tagging",
-      "studyTraining": "Study Training"
+      "studyTagging": "Start Experiment",
+      "studyTraining": "Start Experiment Training"
     },
     "datasetcontrol": {
       "deleteEntries": ""
@@ -182,7 +182,7 @@
     "es": "Spanish"
   },
   "menu": {
-    "contribute": "Contribute",
+    "contribute": "Experiment",
     "datasetControl": "Dataset Control",
     "datasetDownloads": "Dataset Downloads",
     "datasets": "Datasets",

packages/client/src/components/tag/videorecord/VideoRecordField.component.tsx

@@ -130,7 +130,7 @@ const VideoRecordField: React.FC<ControlProps> = (props) => {
   };
 
   return (
-    <Accordion>
+    <Accordion defaultExpanded>
       <AccordionSummary expandIcon={<ExpandMore />}>
         <Typography sx={{ width: '33%' }}>{props.label}</Typography>
         <Typography>{props.description}</Typography>
@@ -163,7 +163,7 @@ const VideoRecordField: React.FC<ControlProps> = (props) => {
               <ArrowRight fontSize="large" />
             </IconButton>
           </Stack>
-          <Button variant={recording ? 'contained' : 'outlined'} onClick={() => setRecording(!recording)}>
+          <Button variant={recording ? 'contained' : 'outlined'} onClick={() => setRecording(!recording)} size="large">
             {recording ? t('tag.stopRecording') : t('tag.startRecording')}
           </Button>
         </Stack>