From 1437d0155a0185ddb883113cca46d3b09ddf35de Mon Sep 17 00:00:00 2001
From: ruan <ruany@users.noreply.github.com>
Date: Tue, 1 Jan 2019 16:25:27 +0200
Subject: [PATCH] Fix left-aligned avatars being collapsed to the next line if
 username/reason is too long

If there is a better way to fix this besides "display: flex" I'll consider it.
---
 inc/css/custom.css | 7 +++++++
 inc/page.php       | 4 ++--
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/inc/css/custom.css b/inc/css/custom.css
index 2e1a9b8..c3cdb9b 100644
--- a/inc/css/custom.css
+++ b/inc/css/custom.css
@@ -4,6 +4,13 @@
     border-radius: 2px;
 }
 
+.avatar-name {
+}
+
+.avatar-name-left {
+    display: flex;
+}
+
 /* header */
 .litebans-header {
     display: block;
diff --git a/inc/page.php b/inc/page.php
index ed69dfe..0f353d6 100644
--- a/inc/page.php
+++ b/inc/page.php
@@ -227,10 +227,10 @@ class Page {
         $str = "{$img}$name";
         if ($name_under) {
             $str = "{$img}<br class='noselect'>$name";
-            return "<div align='center'>$str</div>";
+            return "<div class='avatar-name' align='center'>$str</div>";
         }
         if ($name_left) {
-            return "<div align='left'>$str</div>";
+            return "<div class='avatar-name-left' align='left'>$str</div>";
         }
         return $str;
     }