From 444a8147f59df78ebf14222edcebf944226b533e Mon Sep 17 00:00:00 2001
From: MikunoNaka <bokuwakanojogahoshii@yahoo.com>
Date: Sat, 17 Apr 2021 16:18:12 +0530
Subject: designed DisplayItem and ItemsDisplay so it now renders a pretty
 table

---
 src/components/Display/Display.scss | 27 ++++++++++++++++++++++++---
 1 file changed, 24 insertions(+), 3 deletions(-)

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

diff --git a/src/components/Display/Display.scss b/src/components/Display/Display.scss
index e3d8b7c..25bb331 100644
--- a/src/components/Display/Display.scss
+++ b/src/components/Display/Display.scss
@@ -1,6 +1,27 @@
+@import "../../styles/theme";
+
+.ItemsDisplay,
+.ItemsDisplay table {
+  width: 100%;
+}
+
 .ItemsDisplay {
-  margin-top: 3rem;
-  margin-bottom: 3rem;
+  $sideBorder: 1px dashed $tableBorderColor;
+  border-right: $sideBorder;
+  border-left: $sideBorder;
+
+  padding: 1rem 0.5rem;
+}
+
+.ItemsDisplay td {
+  text-align: center;
+  border-bottom: 1px solid $labelUnderlineColor;
+}
+
+.ItemsDisplay .leftAlign {
+  text-align: left;
+}
 
-  
+.ItemsDisplay .legend {
+  background-color: $altBG;
 }
-- 
cgit v1.2.3