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;
+}