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.css | 33 +++++++++++++++++++++++++++++++--
 1 file changed, 31 insertions(+), 2 deletions(-)

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

diff --git a/src/components/Display/Display.css b/src/components/Display/Display.css
index 1b89173..a3bc406 100644
--- a/src/components/Display/Display.css
+++ b/src/components/Display/Display.css
@@ -1,3 +1,32 @@
+@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap");
+/* Experimental color scheme */
+/* light theme */
+/* 
+$defBG: #FFFFFF;
+$altBG: lightgray;
+$defFG: #000000;
+$altFG: #232627;
+$defLink: brown;
+$altLink: brown;
+
+$defShadow: 0px 0px 4px #232627;
+*/
+/* Inspired by Dracula */
+.ItemsDisplay,
+.ItemsDisplay table {
+  width: 100%; }
+
 .ItemsDisplay {
-  margin-top: 3rem;
-  margin-bottom: 3rem; }
+  border-right: 1px dashed lightblue;
+  border-left: 1px dashed lightblue;
+  padding: 1rem 0.5rem; }
+
+.ItemsDisplay td {
+  text-align: center;
+  border-bottom: 1px solid lightblue; }
+
+.ItemsDisplay .leftAlign {
+  text-align: left; }
+
+.ItemsDisplay .legend {
+  background-color: #383A59; }
-- 
cgit v1.2.3