Rearranged ifs to prevent unwanted spaces

src/templates/message.html

@@ -7,15 +7,13 @@
         {[ if (o.first_unread) { ]}
             <div class="message date-separator"><hr class="separator"><span class="separator-text">{{{o.__('unread messages')}}}</span></div>
         {[ } ]}
-        <span class="chat-msg__heading">
-            {[ if (o.is_me_message) { ]}<time timestamp="{{{o.isodate}}}" class="chat-msg__time">{{{o.pretty_time}}}</time>{[ } ]}
-            <span class="chat-msg__author">{[ if (o.is_me_message) { ]}**{[ }; ]}{{{o.username}}}</span>
-            {[ if (!o.is_me_message) { ]}
-                {[o.hats.forEach(function (hat) { ]} <span class="badge badge-secondary">{{{hat.title}}}</span> {[ }); ]}
+        <span class="chat-msg__heading">{[ if (o.is_me_message) { ]}
             <time timestamp="{{{o.isodate}}}" class="chat-msg__time">{{{o.pretty_time}}}</time>
-            {[ } ]}
-            {[ if (o.is_encrypted) { ]}<span class="fa fa-lock"></span>{[ } ]}
-        </span>
+            {[ } ]}<span class="chat-msg__author">{[ if (o.is_me_message) { ]}**{[ }; ]}{{{o.username}}}</span>
+            {[ if (!o.is_me_message) { ]}{[o.hats.forEach(function (hat) { ]}<span class="badge badge-secondary">{{{hat.title}}}</span>
+            {[ }); ]}<time timestamp="{{{o.isodate}}}" class="chat-msg__time">{{{o.pretty_time}}}</time>{[ } ]}{[ if (o.is_encrypted) { ]}
+            <span class="fa fa-lock"></span>
+        {[ } ]}</span>
         <div class="chat-msg__body chat-msg__body--{{{o.type}}} {{{o.received ? 'chat-msg__body--received' : '' }}} {{{o.is_delayed ? 'chat-msg__body--delayed' : '' }}}">
             <div class="chat-msg__message">
                 {[ if (o.is_retracted) { ]}