Padding fix for message UI

web/static/js/BareRTC.js

@@ -1285,11 +1285,10 @@ const app = Vue.createApp({
         prettyDate(date) {
             let hours = date.getHours(),
                 minutes = String(date.getMinutes()).padStart(2, '0'),
-                seconds = String(date.getSeconds()).padStart(2, '0'),
                 ampm = hours >= 11 ? "pm" : "am";
 
             let hour = hours%12 || 12;
-            return `${(hour)}:${minutes}:${seconds} ${ampm}`;
+            return `${(hour)}:${minutes} ${ampm}`;
         },
 
         /**

web/templates/chat.html

@@ -718,6 +718,9 @@
                                             [[nicknameForUsername(msg.username)]]
                                         </label>
                                     </div>
+                                    <div class="column has-text-right pb-0">
+                                        <small class="has-text-grey is-size-7" :title="msg.at">[[prettyDate(msg.at)]]</small>
+                                    </div>
                                 </div>
 
                                 <!-- User @username below it which may link to a profile URL if JWT -->
@@ -780,10 +783,6 @@
                             <div v-else v-html="msg.message"></div>
                         </div>
 
-                        <div class="has-text-right">
-                            <small class="has-text-grey is-size-7" :title="msg.at">[[prettyDate(msg.at)]]</small>
-                        </div>
-
                     </div>
 
                 </div>