From e21bc1f1b874ebc700376bb9cfcad336b854cc71 Mon Sep 17 00:00:00 2001
From: KevinMidboe <kevin.midboe@gmail.com>
Date: Tue, 21 Jul 2020 13:20:42 +0200
Subject: [PATCH] White table for cart.

---
 frontend/components/Cart.vue | 28 ++++++++++++++++++++++++----
 1 file changed, 24 insertions(+), 4 deletions(-)

diff --git a/frontend/components/Cart.vue b/frontend/components/Cart.vue
index aeaef99..553928c 100644
--- a/frontend/components/Cart.vue
+++ b/frontend/components/Cart.vue
@@ -207,10 +207,25 @@ table.cart-inventory {
   }
 
   thead tr th {
-    border-bottom: 2px solid rgba(255,255,255,.1);
+    border-bottom: 2px solid rgba(0,0,0,.1);
 
     &:not(:last-of-type) {
-      border-right: 2px solid rgba(255,255,255,.1);
+      border-right: 2px solid rgba(0,0,0,0.1);
+    }
+  }
+
+  thead th:first-of-type {
+    border-top-left-radius: 6px;
+  }
+  thead th:last-of-type {
+    border-top-right-radius: 6px;
+  }
+  tbody tr:last-of-type {
+    td:first-of-type {
+      border-bottom-left-radius: 6px;
+    }
+    td:last-of-type {
+      border-bottom-right-radius: 6px;
     }
   }
 
@@ -276,28 +291,33 @@ table.cart-inventory--mobile {
 
 table {
   width: 100%;
-  border: 1px solid rgba(255,255,255,.1);
+  border: 1px solid rgba(0,0,0,.1);
   border-radius: 6px;
   margin-bottom: 1.5rem;
 
   font-size: 1.2em;
 
+//  background-color: white;
+  color: var(--color-background);
+
   @include mobile {
     font-size: 1.1em;
   }
 
   tr th, tr td {
-    border-bottom: 2px solid rgba(255,255,255,.1);
+    border-bottom: 2px solid rgba(0,0,0,.1);
   }
 
   th, td {
     padding: 0.75rem 1rem;
+    background-color: white;
   }
 
   th {
     text-align: left;
     vertical-align: top;
   }
+
 }
 
 .page-header {