From 3294cdbf5bf6d9ad244b113e6c368225da61ad1d Mon Sep 17 00:00:00 2001
From: flashwave <me@flash.moe>
Date: Sun, 16 Dec 2018 21:05:27 +0100
Subject: [PATCH] Made adjustments to the topic list styling, fixes #76.

---
 assets/less/classes/forum/topic.less | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/assets/less/classes/forum/topic.less b/assets/less/classes/forum/topic.less
index 493d8f77..3170d198 100644
--- a/assets/less/classes/forum/topic.less
+++ b/assets/less/classes/forum/topic.less
@@ -69,13 +69,18 @@
         justify-content: center;
         flex-direction: column;
         line-height: 1.5em;
-        white-space: nowrap;
         overflow: hidden;
-        text-overflow: ellipsis;
+
+        @media (max-width: @site-mobile-width) {
+            max-width: 70%;
+        }
     }
 
     &__title {
         font-size: 1.3em;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
     }
 
     &__info {
@@ -98,6 +103,7 @@
             border-left-width: 0;
             align-self: flex-start;
             align-items: flex-end;
+            flex: 1 1 auto;
         }
     }
 
@@ -138,6 +144,7 @@
             @media (max-width: @site-mobile-width) {
                 margin: 1px 4px 0;
                 flex-direction: row;
+                justify-content: space-between;
             }
         }
 
@@ -153,11 +160,6 @@
             &:hover {
                 text-decoration: underline;
             }
-
-            @media (max-width: @site-mobile-width) {
-                flex: 1 1 auto;
-                text-align: left;
-            }
         }
     }