From cd65a10284c20209222ad24aa1b6371df5d73ab9 Mon Sep 17 00:00:00 2001
From: Nick <nearwood@gmail.com>
Date: Thu, 7 Nov 2019 20:56:10 -0600
Subject: [PATCH] Style constants slightly better

---
 src/msq.php        |  4 ++--
 src/view/msqur.css | 22 ++++++++++++++++++++++
 2 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/src/msq.php b/src/msq.php
index a3ab209..89d465b 100644
--- a/src/msq.php
+++ b/src/msq.php
@@ -27,7 +27,7 @@ class MSQ
 	/**
 	 * @brief Format a constant to HTML
 	 * @param $constant The constant name
-	 * @param $value It's value
+	 * @param $value Its value
 	 * @returns String HTML \<div\>
 	 */
 	private function msqConstant($constant, $value, $help)
@@ -35,7 +35,7 @@ class MSQ
 		//var_export($constant);
 		//var_export($value);
 		//var_export($help);
-		return "<div class=\"constant\" title=\"$help\"><b>$constant</b>: $value</div>";
+		return "<span class=\"constant\" title=\"$help\"><b>$constant:</b><span class=\"value\">$value</span></span>";
 	}
 	
 	/**
diff --git a/src/view/msqur.css b/src/view/msqur.css
index abb197d..5de327f 100644
--- a/src/view/msqur.css
+++ b/src/view/msqur.css
@@ -155,6 +155,28 @@ div.chart {
 	display: inline;
 }
 
+/* msqur.css | http://localhost:5050/view/msqur.css */
+
+div#tab_constants {
+	display: flex;
+  flex-flow: column wrap;
+  max-height: 900px;
+  overflow: auto;
+  max-width: 100%;
+}
+
+span.constant:nth-child(even) {
+	background-color: #e4e4e4;
+}
+
+span.constant {
+	margin: 0px 10px;
+}
+
+span.constant span.value {
+	float: right;
+}
+
 #engineForm {
 	display: table;
 }