From ee77e57189a6b0375e840b386754973a376dc089 Mon Sep 17 00:00:00 2001
From: MikunoNaka <bokuwakanojogahoshii@yahoo.com>
Date: Sat, 17 Apr 2021 19:04:55 +0530
Subject: added a way to see the total cost and number of items in ItemsDisplay

---
 src/components/Display/Display.scss | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

(limited to 'src/components/Display/Display.scss')

diff --git a/src/components/Display/Display.scss b/src/components/Display/Display.scss
index 25bb331..8863842 100644
--- a/src/components/Display/Display.scss
+++ b/src/components/Display/Display.scss
@@ -6,22 +6,28 @@
 }
 
 .ItemsDisplay {
-  $sideBorder: 1px dashed $tableBorderColor;
-  border-right: $sideBorder;
-  border-left: $sideBorder;
+  margin: 3rem auto;
+}
+
+.ItemsDisplay .legend {
+  background-color: $altBG;
+}
 
-  padding: 1rem 0.5rem;
+.ItemsDisplay th {
+  font-size: 1.2rem;
 }
 
 .ItemsDisplay td {
   text-align: center;
-  border-bottom: 1px solid $labelUnderlineColor;
+  border-bottom: 1px solid $tableDefBorderColor;
+  font-size: 1.5rem;
 }
 
 .ItemsDisplay .leftAlign {
   text-align: left;
 }
 
-.ItemsDisplay .legend {
-  background-color: $altBG;
+.ItemsDisplay .altBorder {
+  border-bottom: 1px solid $tableAltBorderColor;
 }
+
-- 
cgit v1.2.3