Revize ce63b2ab

Removed ant layout and used css grid

Changed layouting technology and added main layout for all pages.

webapp/pages/annotation/index.tsx

@@ -1 @@
-import { Layout } from 'antd';
 import { AnnotationPanel } from '../../components/annotation/annotationPanel';
 import { DocumentAnnotationView } from '../../components/annotation/documentAnnotationView';
 import { TagPanel } from '../../components/annotation/tagPanel';
@@ -6 +5 @@
 import 'antd/dist/antd.css';
 import styles from '/styles/annotation.module.scss';
 
-const { Content, Sider } = Layout;
-
 /**
  * Creates an annotation screen.
  * @returns The annotation screen.
@@ -15 +12 @@
 function Annotation() {
     return (
         <MainLayout>
-            <Layout hasSider>
-                <Sider className={styles.leftSidePanel}>
+            <div className={styles.layoutwrapper}>
+                <div className={styles.tags}>
                     <TagPanel />
-                </Sider>
-                <Content className={styles.mainView}>
+                </div>
+                <div className={styles.document}>
                     <DocumentAnnotationView />
-                </Content>
-                <Sider className={styles.rightSidePanel}>
+                </div>
+                <div className={styles.annotations}>
                     <AnnotationPanel />
-                </Sider>
-            </Layout>
+                </div>
+            </div>
         </MainLayout>
     );
 }