Separate count, timestamp, and message with spaces

[reliable-chat] / webclient / rc.html
diff --git a/webclient/rc.html b/webclient/rc.html

index 3b92348fca076a845249b1635b901130607542b0..8c08c7921eb98a7c30fa0c78c6ffceb4f70e8699 100644 (file)
--- a/webclient/rc.html
+++ b/webclient/rc.html
@@ -59,13 +59,14 @@
                 padding: 0px 5px 55px 5px;
                 vertical-align: bottom
         }
+       .banner {
+               font-size: 85%;
+               text-align: right;
+       }
         .servercount {
-               margin-right: 0.5em;
+               margin-right: -0.5em;
                 font-size: 70%;
         }
-       .timestamp {
-               margin-right: 0.8em;
-       }
         .timestamp:hover, .timestamp:hover .servertimestamps {
                 background-color: #556;
         }
@@ -189,6 +190,7 @@
                 servercount.setAttribute("class", "servercount");
                 servercount.appendChild(document.createTextNode(Object.keys(message.ServerTimes).length));
                 message.UI.appendChild(servercount);
+               message.UI.appendChild(document.createTextNode(" "));
  
                 // Timestamp
                 var timestamp_text = message.Time ? rcformattime(message.Time) : "";
@@ -196,6 +198,7 @@
                 timestamp.setAttribute("class", "timestamp");
                 timestamp.appendChild(document.createTextNode(timestamp_text));
                 message.UI.appendChild(timestamp);
+               message.UI.appendChild(document.createTextNode(" "));
  
                 // Timestamp hover
                 var timestamp_hover = document.createElement("div");
@@ -418,6 +421,7 @@
  
  <body onload="rcconnect()">
         <div id="container">
+               <div class="banner">(You are using <a href="https://github.com/chkno/reliable-chat">Reliable Chat</a>)</div>
                 <div id="history"></div>
                 <div id="client">
                         <div id="input">