topic view optimized for mobile

less/topic.less

@@ -115,6 +115,24 @@
 			padding: 0;
 		}
 	}
+
+	@media (max-width: @screen-sm-max) {
+		.content {
+			margin-left: 0;
+			margin-top: -10px;
+		}
+
+		.posts .icon {
+			min-width: 0;
+			min-height: 0;
+			margin-top: -4px;
+
+			img {
+				width: 23px;
+				height: 23px;
+			}
+		}
+	}
 }
 
 

templates/topic.tpl

@@ -24,7 +24,7 @@
 
 	<ul component="topic" class="posts" data-tid="{tid}">
 		<!-- BEGIN posts -->
-			<li component="post" class="<!-- IF posts.deleted -->deleted<!-- ENDIF posts.deleted -->" <!-- IMPORT partials/data/topic.tpl -->>
+			<li component="post" class="clearfix <!-- IF posts.deleted -->deleted<!-- ENDIF posts.deleted -->" <!-- IMPORT partials/data/topic.tpl -->>
 				<a component="post/anchor" name="{posts.index}"></a>
 
 				<meta itemprop="datePublished" content="{posts.relativeTime}">