From 6833393164d60e27577258848e3550a73c6b03e6 Mon Sep 17 00:00:00 2001
From: Michael Clemens // DK1MI <mclemens@noreply.codeberg.org>
Date: Tue, 30 May 2023 18:16:11 +0000
Subject: [PATCH] =?UTF-8?q?=E2=80=9Edashboard=5Fcss.h=E2=80=9C=20=C3=A4nde?=
 =?UTF-8?q?rn?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 dashboard_css.h | 305 ++++++++++++++++++++++++------------------------
 1 file changed, 153 insertions(+), 152 deletions(-)
diff --git a/dashboard_css.h b/dashboard_css.h
index b01dc04..8734672 100644
--- a/dashboard_css.h
+++ b/dashboard_css.h
@@ -1,153 +1,154 @@
-const char DB_STYLESHEET[] PROGMEM = R"=====(
-<!DOCTYPE html>
-<html>
-<style>
-
-.grid-container {
-  display: grid;
-  grid-template-columns: 260px 260px 260px;
-  grid-template-rows: 50px 30px auto 30px;
-  grid-column-gap: 5px;
-  grid-row-gap: 5px;
-}
-
-.box{
-  background: #009879;
-  padding: 30px;
-  box-sizing: border-box;
-  vertical-align: top;
-  color: #FFF;
-  margin:0px;
-  display: inline-block;
-}
-.innerbox{
-  padding: 10px;
-  margin-left: auto;
-  margin-right: auto;
-  display: inline-block;
-  text-align: center;
-  vertical-align: middle;
-}
-
-.fwdtitle {
-  grid-column: 1;
-  grid-row: 2;
-}
-
-.reftitle {
-  grid-column: 2;
-  grid-row: 2;
-}
-
-.vswrtitle {
-  grid-column: 3;
-  grid-row: 2;
-}
-
-.fwdcontent {
-  grid-column: 1;
-  grid-row: 3;
-}
-
-.refcontent {
-  grid-column: 2;
-  grid-row: 3;
-}
-
-.vswrcontent {
-  grid-column: 3;
-  grid-row: 3;
-}
-
-.titlebox  {
-  grid-column: 1 / span 2;
-  grid-row: 1;
-}
-
-.bandbox  {
-  grid-column: 3;
-  grid-row: 1;
-}
-
-.footerbox  {
-  grid-column: 1 / span 3;
-  grid-row: 4;
-  background: #FFFFFF;
-  color: #009879;
-  border-style: solid;
-  border-color: #009879;
-  font-family: verdana, sans-serif;
-  font-size: 12px;
-  color: #009879;
-  font-style: normal;
-  font-weight: bold;
-  font-variant: normal;
-  text-align: center;
-  letter-spacing: 0px;
-  line-height: 20px;
-}
-
-.subtitlebox {
-  background: #FFFFFF;
-  color: #009879;
-  border-style: solid;
-  border-color: #009879;
-  font-family: verdana, sans-serif;
-  font-size: 16px;
-  color: #009879;
-  font-style: normal;
-  font-weight: bold;
-  font-variant: normal;
-  text-align: center;
-  letter-spacing: 0px;
-  line-height: 20px;
-}
-
-.maintitlebox {
-  background: #FFFFFF;
-  color: #009879;
-  border-style: solid;
-  border-color: #009879;
-  font-family: verdana, sans-serif;
-  font-size: 22px;
-  color: #009879;
-  font-style: normal;
-  font-weight: bold;
-  font-variant: normal;
-  text-align: center;
-  letter-spacing: 0px;
-  line-height: 50px;
-}
-
-.contentbox_text {
-  font-family: verdana, sans-serif;
-  font-size: 14px;
-  color: #FFFFFF;
-  font-style: normal;
-  font-weight: bold;
-  font-variant: normal;
-  text-align: center;
-  letter-spacing: 0px;
-  line-height: 30px;
-}
-
-.redbox{
-  background: #FFAA79;
-}
-
-.button {
-  background: none!important;
-  border: none;
-  padding: 0!important;
-  /*optional*/
-  font-family: verdana, sans-serif;
-  font-size: 12px;
-  font-weight: bold;
-  /*input has OS specific font-family*/
-  color: #009879;
-  text-decoration: underline;
-  cursor: pointer;
-}
-
-</style>
+const char DB_STYLESHEET[] PROGMEM = R"=====(
+<!DOCTYPE html>
+<html>
+<style>
+
+.grid-container {
+  display: grid;
+  grid-template-columns: 180px 180px 180px;
+  grid-template-rows: 50px 30px auto 30px;
+  grid-column-gap: 5px;
+  grid-row-gap: 5px;
+}
+
+.box{
+  background: #009879;
+  padding: 5px;
+  box-sizing: border-box;
+  vertical-align: top;
+  color: #FFF;
+  margin:0px;
+  display: inline-block;
+}
+
+.innerbox{
+  padding: 5px;
+  margin-left: auto;
+  margin-right: auto;
+  display: inline-block;
+  text-align: center;
+  vertical-align: middle;
+}
+
+.fwdtitle {
+  grid-column: 1;
+  grid-row: 2;
+}
+
+.reftitle {
+  grid-column: 2;
+  grid-row: 2;
+}
+
+.vswrtitle {
+  grid-column: 3;
+  grid-row: 2;
+}
+
+.fwdcontent {
+  grid-column: 1;
+  grid-row: 3;
+}
+
+.refcontent {
+  grid-column: 2;
+  grid-row: 3;
+}
+
+.vswrcontent {
+  grid-column: 3;
+  grid-row: 3;
+}
+
+.titlebox  {
+  grid-column: 1 / span 2;
+  grid-row: 1;
+}
+
+.bandbox  {
+  grid-column: 3;
+  grid-row: 1;
+}
+
+.footerbox  {
+  grid-column: 1 / span 3;
+  grid-row: 4;
+  background: #FFFFFF;
+  color: #009879;
+  border-style: solid;
+  border-color: #009879;
+  font-family: verdana, sans-serif;
+  font-size: 12px;
+  color: #009879;
+  font-style: normal;
+  font-weight: bold;
+  font-variant: normal;
+  text-align: center;
+  letter-spacing: 0px;
+  line-height: 20px;
+}
+
+.subtitlebox {
+  background: #FFFFFF;
+  color: #009879;
+  border-style: solid;
+  border-color: #009879;
+  font-family: verdana, sans-serif;
+  font-size: 16px;
+  color: #009879;
+  font-style: normal;
+  font-weight: bold;
+  font-variant: normal;
+  text-align: center;
+  letter-spacing: 0px;
+  line-height: 20px;
+}
+
+.maintitlebox {
+  background: #FFFFFF;
+  color: #009879;
+  border-style: solid;
+  border-color: #009879;
+  font-family: verdana, sans-serif;
+  font-size: 18px;
+  color: #009879;
+  font-style: normal;
+  font-weight: bold;
+  font-variant: normal;
+  text-align: center;
+  letter-spacing: 0px;
+  line-height: 50px;
+}
+
+.contentbox_text {
+  font-family: verdana, sans-serif;
+  font-size: 14px;
+  color: #FFFFFF;
+  font-style: normal;
+  font-weight: bold;
+  font-variant: normal;
+  text-align: center;
+  letter-spacing: 0px;
+  line-height: 30px;
+}
+
+.redbox{
+  background: #FFAA79;
+}
+
+.button {
+  background: none!important;
+  border: none;
+  padding: 0!important;
+  /*optional*/
+  font-family: verdana, sans-serif;
+  font-size: 12px;
+  font-weight: bold;
+  /*input has OS specific font-family*/
+  color: #009879;
+  text-decoration: underline;
+  cursor: pointer;
+}
+
+</style>
 )=====";
\ No newline at end of file
