From e64b07b289a688485b754f311c2ff416f893ed95 Mon Sep 17 00:00:00 2001
From: Tilman Vatteroth <tilman.vatteroth@tu-dortmund.de>
Date: Sat, 6 Jun 2020 11:54:19 +0200
Subject: [PATCH] Add fixed sizes for history table columns

Signed-off-by: Tilman Vatteroth <tilman.vatteroth@tu-dortmund.de>
---
 .../history/history-table/history-table.scss  | 20 +++++++++++++++++++
 .../history/history-table/history-table.tsx   |  7 ++++---
 2 files changed, 24 insertions(+), 3 deletions(-)
 create mode 100644 src/components/landing/pages/history/history-table/history-table.scss

diff --git a/src/components/landing/pages/history/history-table/history-table.scss b/src/components/landing/pages/history/history-table/history-table.scss
new file mode 100644
index 000000000..46cf29332
--- /dev/null
+++ b/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%;
+    }
+  }
+}
diff --git a/src/components/landing/pages/history/history-table/history-table.tsx b/src/components/landing/pages/history/history-table/history-table.tsx
index 7af5c6f64..5abc49f90 100644
--- a/src/components/landing/pages/history/history-table/history-table.tsx
+++ b/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>