From cc43aab8e199d6d85d1380254350b8a1f31e63f9 Mon Sep 17 00:00:00 2001
From: Johannes Millan <johannes.millan@gmail.com>
Date: Sun, 22 Sep 2019 02:10:16 +0200
Subject: [PATCH] feat(reDesign): fix worklog table styles

---
 src/app/features/worklog/worklog.component.scss | 15 +++++++++++++++
 src/styles/components/table.scss                |  4 ++--
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/app/features/worklog/worklog.component.scss b/src/app/features/worklog/worklog.component.scss
index f43c8cba101..594b9642d9b 100644
--- a/src/app/features/worklog/worklog.component.scss
+++ b/src/app/features/worklog/worklog.component.scss
@@ -90,10 +90,12 @@ $this-table-outer-padding-left-right: $s*6;
           &:first-child {
             padding-left: $this-table-outer-padding-left-right;
             text-align: left;
+            border-top-left-radius: $card-border-radius;
           }
 
           &:last-child {
             padding-right: $this-table-outer-padding-left-right;
+            border-top-right-radius: $card-border-radius;
 
             mat-icon {
               // prevent table recalculation on icon change
@@ -163,10 +165,23 @@ $this-table-outer-padding-left-right: $s*6;
   position: relative;
   z-index: 3;
 
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+
   > table {
     width: 100%;
     text-align: left;
     border-collapse: collapse;
+
+    // Overwrite default styles in table.scss
+    tr {
+      &:first-of-type {
+        th,
+        td {
+          border-top-width: 1px;
+        }
+      }
+    }
   }
 
   caption {
diff --git a/src/styles/components/table.scss b/src/styles/components/table.scss
index d952be47fd8..f63756d26c7 100644
--- a/src/styles/components/table.scss
+++ b/src/styles/components/table.scss
@@ -95,14 +95,14 @@ div.material-table {
     &:first-of-type {
       th,
       td {
-        border-top: 0;
+        border-top-width: 0;
       }
     }
 
     &:last-of-type {
       th,
       td {
-        border-bottom: 0;
+        border-bottom-width: 0;
       }
     }
   }