From 894cd6498595dc1704a12a7d372281e0dbbe9a9c Mon Sep 17 00:00:00 2001
From: Andrew Scott <git@acscott.dev>
Date: Sun, 5 Jun 2022 02:37:06 -0400
Subject: [PATCH] Updates to font, margins, icon sizes, input background

---
 exercises-ui/src/App.css | 42 +++++++++++++++++++++++++---------------
 1 file changed, 26 insertions(+), 16 deletions(-)

diff --git a/exercises-ui/src/App.css b/exercises-ui/src/App.css
index bd102fd..c2ed7b1 100644
--- a/exercises-ui/src/App.css
+++ b/exercises-ui/src/App.css
@@ -1,25 +1,24 @@
 body {
-  font-family: sans-serif;
+  font-family: "Verdana", "Helvetica", sans-serif;
   background-color: #313131;
   color: #ebdbb2;
-  margin: 10px 0px 0px 0px;
-  padding: 10px;
+  margin-top: 2vh;
 }
 
 tr th {
-  font: Verdana;
   text-align: center;
   color: #ebdbb2;
-  border: 5px solid;
+  font-size: 24pt;
+  border: 4px solid;
   border-color: #d79921;
   padding: 5px;
   background-color: #cc241d;
 }
 
 tr td {
-  font: Verdana;
   text-align: center;
   color: #dcdccc;
+  font-size: 20pt;
   border: 1px solid;
   border-color: #b8bb26;
   padding: 5px;
@@ -44,21 +43,32 @@ a {
   color: #458588;
 }
 
+nav {
+  margin-top: 28vh;
+}
+
 input {
-  font-family: sans-serif;
+  font-family: "Verdana", "Helvetica", sans-serif;
+  font-size: 80%;
   padding: 5px;
-  margin: 0px 0px 25% 0px;
+  background-color: #282828;
+  color: #fff;
 }
 
 button {
-  font-family: sans-serif;
+  font-family: "Verdana", "Helvetica", sans-serif;
+  font-size: 80%;
   padding: 5px;
-  margin: 0px 0px 25% 0px;
+  background-color: #d3d3d3;
+  color: #000;
 }
 
 select {
-  font-family: sans-serif;
+  font-family: "Verdana", "Helvetica", sans-serif;
+  font-size: 80%;
   padding: 5px;
+  background-color: #d3d3d3;
+  color: #000;
 }
 
 .App {
@@ -74,15 +84,15 @@ select {
 }
 
 .Add-icon {
-  color: #5a981a;
-  height: 100px;
-  width: 100px;
+  color: #339933;
+  height: 11vh;
+  width: 11vh;
   filter: drop-shadow(1px 1px 1px black);
 }
 
 .logo {
   color: #1a9897;
-  height: 170px;
-  width: 170px;
+  height: 25vh;
+  width: 25vh;
   filter: drop-shadow(1px 1px 1px black);
 }