Fixed some cross browser issues, chrome and edge suck.

assets/less/mio/classes/changelog.less

@@ -40,22 +40,24 @@
 
     &__user,
     &__action {
-        display: inline-flex;
         color: inherit;
         flex: 0 0 auto;
         margin-right: 1px;
-        justify-content: center;
-        align-items: center;
         text-decoration: none;
+        display: flex;
+        align-items: center;
 
         &:hover {
             text-decoration: underline;
         }
+
+        &__text {
+            width: 100%;
+        }
     }
 
     &__user {
         min-width: 100px;
-        justify-content: left;
         padding-left: 4px;
 
         @media (max-width: @mio-changelog-mobile) {
@@ -65,9 +67,12 @@
 
     &__action {
         min-width: 80px;
-        justify-content: right;
         padding-right: 4px;
 
+        &__text {
+            text-align: right;
+        }
+
         @media (max-width: @mio-changelog-mobile) {
             margin-right: 0;
         }

public/changelog.php

@@ -11,6 +11,7 @@ $changelogRange = 30;
 
 $changelogChange = (int)($_GET['c'] ?? 0);
 $changelogDate = $_GET['d'] ?? '';
+$changelogUser = (int)($_GET['u'] ?? 0);
 
 $tpl->vars([
     'changelog_offset' => $changelogOffset,

views/mio/changelog/macros.twig

@@ -32,13 +32,17 @@
         <a class="changelog__action{{ change.action_class is defined and change.action_class is not null ? ' changelog__action--' ~ change.action_class : '' }} changelog__action--{{ change.action_colour|colour_get_css_contrast }}"
             href="?c={{ change.change_id }}"
             {% if change.action_colour is defined %}style="{{ change.action_colour|html_colour({'background-color':'%s'}) }}"{% endif %}>
+            <div class="changelog__action__text">
                 {{ change.action_name|default('Unknown') }}
+            </div>
         </a>
 
         <a  class="changelog__user"
             href="/profile.php?u={{ change.user_id }}"
             style="{{ change.user_colour|html_colour }}">
+            <div class="changelog__user__text">
                 {{ change.username }}
+            </div>
         </a>
 
         <a class="changelog__log{% if has_text %} changelog__log--link{% endif %}"