a few more visual tweaks

css/base.css

@@ -1417,7 +1417,7 @@ i.search {
   max-width: 40rem;
   min-width: 9rem;
   height: auto;
-  padding: 0.75rem 0.5rem 0.75rem 1.25rem;
+  padding: 0.75rem 0.5rem 0.75rem 0.5rem;
   margin: 0;
   text-align: left;
   border-radius: 0.5rem;
@@ -1504,12 +1504,19 @@ i.search {
   margin-right: 0.8rem;
 }
 
+/* Message text + timestamp and delivery marker */
+.chat-box .bubble div.content-meta {
+  width: 100%;
+}
+
 .chat-box .bubble div.message-content {
   position: relative;
   color: #212121;
   margin: 0;
+  width: 100%;
   max-width: 36rem;
   overflow-wrap: break-word;
+  padding: 0 0.75rem 0 0.75rem;
 }
 
 /* The timestamp is a floating element. Need to ensure div.message-content is expanded

src/views/tinode-web.jsx

@@ -285,7 +285,6 @@ class TinodeWeb extends React.Component {
     window.removeEventListener('resize', this.handleResize);
     window.removeEventListener('hashchange', this.handleHashRoute);
     document.removeEventListener('visibilitychange', this.handleVisibilityEvent);
-    clearInterval(this.reconnectCountdown);
   }
 
   // Setup transport (usually websocket) and server address. This will terminate connection with the server.

src/widgets/chat-message.jsx

@@ -128,13 +128,10 @@ export default class ChatMessage extends React.Component {
           null}
         <div>
           <div className={bubbleClass}>
+            <div className="content-meta">
               <div className="message-content">
-              <div>
                 {content}
                 {attachments}
-                {this.props.timestamp ?
-                  <span className="timestamp-padding"></span>
-                  : null}
               </div>
               {this.props.timestamp ?
                 <ReceivedMarker

umd/index.dev.js

@@ -5040,7 +5040,6 @@ class TinodeWeb extends (react__WEBPACK_IMPORTED_MODULE_0___default().Component)
     window.removeEventListener('resize', this.handleResize);
     window.removeEventListener('hashchange', this.handleHashRoute);
     document.removeEventListener('visibilitychange', this.handleVisibilityEvent);
-    clearInterval(this.reconnectCountdown);
   }
 
   static tnSetup(serverAddress, transport, locale, persistentCache, onSetupCompleted) {
@@ -7083,11 +7082,11 @@ class ChatMessage extends (react__WEBPACK_IMPORTED_MODULE_0___default().Componen
       avatar: avatar
     }) : null) : null, react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null, react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
       className: bubbleClass
+    }, react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+      className: "content-meta"
     }, react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
       className: "message-content"
-    }, react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null, content, attachments, this.props.timestamp ? react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
+    }, content, attachments), this.props.timestamp ? react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_received_marker_jsx__WEBPACK_IMPORTED_MODULE_5__.default, {
-      className: "timestamp-padding"
-    }) : null), this.props.timestamp ? react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_received_marker_jsx__WEBPACK_IMPORTED_MODULE_5__.default, {
       timestamp: this.props.timestamp,
       received: this.props.received
     }) : null), this.props.deleted || !this.props.showContextMenu ? null : react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {