Add message bridge status to field webpage
Also reformat the file.
Change-Id: I87078ba61736851d8178b17ffabe69c94be90813
Signed-off-by: James Kuszmaul <jabukuszmaul@gmail.com>
diff --git a/y2023/www/styles.css b/y2023/www/styles.css
index c486115..c2c44d2 100644
--- a/y2023/www/styles.css
+++ b/y2023/www/styles.css
@@ -7,37 +7,19 @@
display: inline-block
}
-#targets,
#readouts,
-#vision_readouts {
+#middle_readouts
+{
display: inline-block;
vertical-align: top;
float: right;
}
+
#legend {
display: inline-block;
}
-#outer_target {
- border: 1px solid black;
- width: 140px;
- background-color: white;
-}
-
-#inner_target {
- width: 60px;
- height: 60px;
- margin: 40px;
- border: 1px solid black;
- background-color: white;
-}
-
-#outer_target.targetted,
-#inner_target.targetted {
- background-color: green;
-}
-
table, th, td {
border: 1px solid black;
border-collapse: collapse;
@@ -54,7 +36,7 @@
width: 150px;
}
-.near {
+.connected, .near {
background-color: LightGreen;
border-radius: 10px;
}
@@ -79,3 +61,14 @@
padding: 5px;
text-align: right;
}
+
+#message_bridge_status > div {
+ display: table-row;
+ padding: 5px;
+}
+
+#message_bridge_status > div > div {
+ display: table-cell;
+ padding: 5px;
+ text-align: right;
+}