From e445a56a245983c2f86cac20407a5fd025609593 Mon Sep 17 00:00:00 2001
From: HardiReady <hardi@noarch.de>
Date: Sun, 3 Mar 2019 15:26:03 +0100
Subject: [PATCH] Finish mat table usage for army member page

---
 .../army-member/army-member.component.scss    | 31 ++++++++++---------
 1 file changed, 17 insertions(+), 14 deletions(-)

diff --git a/static/src/app/army/army-member/army-member.component.scss b/static/src/app/army/army-member/army-member.component.scss
index bbba143..d158fdd 100644
--- a/static/src/app/army/army-member/army-member.component.scss
+++ b/static/src/app/army/army-member/army-member.component.scss
@@ -2,7 +2,7 @@
 
 .army-member-view {
   width: 90%;
-  height: 100vh;
+  min-height: 100vh;
   padding: 5px;
   margin: auto;
 }
@@ -18,11 +18,6 @@
   padding-left: 5px;
 }
 
-.table {
-  overflow-wrap: break-word;
-  table-layout: fixed;
-}
-
 div.table-container {
   margin-top:20px;
   padding: 5px;
@@ -37,16 +32,24 @@ div.table-container {
 
 mat-table.mat-table {
   background: rgba(255, 255, 255, 0.70);
+
+  .mat-column-award-graphics {
+    flex: 0 0 15%;
+  }
+
+  .mat-column-title {
+    flex: 0 0 25%;
+  }
+
+  .mat-column-reason {
+    flex: 0 0 52%;
+  }
+
+  .mat-column-date {
+    flex: 0 0 8%;
+  }
 }
 
 mat-row.mat-row {
   @extend mat-table.mat-table;
 }
-
-.cell-outline {
-  outline: 1px solid #D4D4D4;
-}
-
-tr.cell-outline:hover {
-  background-color: #ffffff;
-}