Add Affix.

web/src/LabelTable.js

@@ -67,7 +67,7 @@ class LabelTable extends React.Component {
         title: i18next.t("general:No."),
         dataIndex: 'no',
         key: 'no',
-        width: '80px',
+        width: '70px',
         render: (text, record, index) => {
           return (index + 1);
         }
@@ -76,7 +76,7 @@ class LabelTable extends React.Component {
         title: i18next.t("video:Timestamp (second)"),
         dataIndex: 'timestamp',
         key: 'timestamp',
-        width: '160px',
+        width: '120px',
         render: (text, record, index) => {
           return (
             <InputNumber style={{width: "100%"}} min={0} value={text} onChange={value => {

web/src/VideoEditPage.js

@@ -1,5 +1,5 @@
 import React from "react";
-import {Button, Card, Col, Input, Row} from 'antd';
+import {Affix, Button, Card, Col, Input, Row} from 'antd';
 import * as VideoBackend from "./backend/VideoBackend";
 import * as Setting from "./Setting";
 import i18next from "i18next";
@@ -67,6 +67,7 @@ class VideoEditPage extends React.Component {
     };
 
     return (
+      <Affix offsetTop={100}>
         <div style={{marginTop: "10px"}}>
           <div className="screen" style={{position: "absolute", zIndex: 100, pointerEvents: "none", width: '440px', height: '472px', marginLeft: '200px', marginRight: '200px', backgroundColor: "rgba(255,0,0,0)" }}></div>
           <Video task={task} labels={this.state.video.labels} onUpdateTime={(time) => {this.setState({currentTime: time})}} />
@@ -77,6 +78,7 @@ class VideoEditPage extends React.Component {
             }
           </div>
         </div>
+      </Affix>
     )
   }
 

web/src/locales/en/data.json

@@ -39,7 +39,7 @@
     "Edit Video": "Edit Video",
     "Labels": "Labels",
     "Text": "Text",
-    "Timestamp (second)": "Timestamp (second)",
+    "Timestamp (second)": "Timestamp (s)",
     "Video": "Video",
     "Video ID": "Video ID"
   },