updated topic list

less/categories.less

@@ -31,11 +31,7 @@
 				font-size: 20px;
 				line-height: 22px;
 				margin: 0;
-				position: absolute;
 				margin-left: 62px;
-				white-space: nowrap;
-				overflow: hidden;
-				text-overflow: ellipsis;
 				width: 85%;
 
 				strong {
@@ -44,9 +40,13 @@
 			}
 
 			@media (max-width: @screen-sm-max) {
+				.user-img {
+					width: 32px;
+					height: 32px;
+					margin-right: 8px;
+				}
 				h1 {
-					width: 95%;
-					margin-left: 0;
+					margin-left: 40px;
 				}
 			}
 		}

templates/partials/topics_list.tpl

@@ -5,7 +5,7 @@
 		<meta itemprop="name" content="{function.stripTags, title}">
 
 		<div class="col-md-7 col-sm-9 col-xs-11 content">
-			<div class="avatar hidden-sm hidden-xs pull-left">
+			<div class="avatar pull-left">
 				<!-- IF showSelect -->
 					<div class="select fa-square-o">
 						<img src="<!-- IF topics.thumb -->{topics.thumb}<!-- ELSE -->{topics.user.picture}<!-- ENDIF topics.thumb -->" class="img-circle user-img" />
@@ -18,7 +18,7 @@
 				<!-- ENDIF showSelect -->
 			</div>
 
-			<h1 component="topic/header" class="title pull-left">
+			<h1 component="topic/header" class="title">
 				<i component="topic/pinned" class="fa fa-thumb-tack <!-- IF !topics.pinned -->hide<!-- ENDIF !topics.pinned -->"></i>
 				<i component="topic/locked" class="fa fa-lock <!-- IF !topics.locked -->hide<!-- ENDIF !topics.locked -->"></i>
 				<a href="{config.relative_path}/topic/{topics.slug}" itemprop="url">{topics.title}</a><br />
@@ -48,7 +48,7 @@
 			<span class="human-readable-number" title="{topics.viewcount}">{topics.viewcount}</span><br />
 			<small>[[global:views]]</small>
 		</div>
-		<div class="col-md-3 col-sm-3 col-xs-1 teaser">
+		<div class="col-md-3 col-sm-3 col-xs-1 teaser hidden-xs">
 			<div class="card" style="border-color: {bgColor}">
 				<!-- IF topics.unreplied -->
 				<p class="hidden-xs">