Show material imbalances.

[remoteglot] / www / css / remoteglot.css

diff --git a/www/css/remoteglot.css b/www/css/remoteglot.css
index da0a3a6051fb2cd903b23cbe8bf17580318e056a..0931e9ac162c92cfd516b551cd0001d556a5cdc0 100644 (file)
--- a/www/css/remoteglot.css
+++ b/www/css/remoteglot.css
@@ -94,15 +94,24 @@ p {
        width: auto;
        text-align: center;
 }
-#whiteclock {
+#whiteinfo {
        float: left;
-       width: 20%;
        text-align: left;
+       min-width: 20%;
 }
-#blackclock {
+#blackinfo {
        float: right;
-       width: 20%;
        text-align: right;
+       min-width: 20%;
+       margin-right: 5px;
+}
+#whiteimbalance img, #blackimbalance img {
+       vertical-align: text-top;
+}
+#whiteimbalance {
+       margin-left: 5px;
+}
+#blackimbalance {
        margin-right: 5px;
 }
 .running-clock {