Add fixed sizes for history table columns

Signed-off-by: Tilman Vatteroth <tilman.vatteroth@tu-dortmund.de>

src/components/landing/pages/history/history-table/history-table.scss

@@ -0,0 +1,20 @@
+.history-table tr {
+  th, td {
+
+    &:nth-child(1) {
+      width: 45%;
+    }
+
+    &:nth-child(2) {
+      width: 20%;
+    }
+
+    &:nth-child(3) {
+      width: 20%;
+    }
+
+    &:nth-child(4) {
+      width: 15%;
+    }
+  }
+}

src/components/landing/pages/history/history-table/history-table.tsx

@@ -1,14 +1,15 @@
 import React from 'react'
 import { Table } from 'react-bootstrap'
-import { HistoryTableRow } from './history-table-row'
-import { HistoryEntriesProps } from '../history-content/history-content'
 import { Trans, useTranslation } from 'react-i18next'
 import { Pager } from '../../../../pagination/pager'
+import { HistoryEntriesProps } from '../history-content/history-content'
+import { HistoryTableRow } from './history-table-row'
+import './history-table.scss'
 
 export const HistoryTable: React.FC<HistoryEntriesProps> = ({ entries, onPinClick, pageIndex, onLastPageIndexChange }) => {
   useTranslation()
   return (
-    <Table striped bordered hover size="sm" variant="dark">
+    <Table striped bordered hover size="sm" variant="dark" className={'history-table'}>
       <thead>
         <tr>
           <th><Trans i18nKey={'landing.history.tableHeader.title'}/></th>