[BUGFIX] Fix broken layout for related news

Resources/Private/Templates/SingleView/SingleView.html

@@ -199,11 +199,11 @@
 
 						<f:if condition="{newsMetaData.news.relatedNews}">
 							<f:then>
-								<div class="tx-sgnews-single-related">
+								<div class="tx-sgnews-single-related tx-sgnews-categories">
 									<h3>
 										<f:translate key="frontend.singleview.relatedArticles"/>
 									</h3>
-									<ul class="tx-sgnews-list tx-sgnews-overview">
+									<ul class="tx-sgnews-list tx-sgnews-overview row">
 										<sg:related news="{newsMetaData.news}"
 													relatedNews="{newsMetaData.news.relatedNews}"
 													as="relatedNewsEntry">
@@ -221,16 +221,13 @@
 							</f:then>
 							<f:else>
 								<f:if condition="{settings.enableAutomaticRelatedNews}">
-									<sg:related news="{newsMetaData.news}"
-												iteration="iterator"
-												limit="5"
-												as="relatedNewsEntry">
+									<sg:related news="{newsMetaData.news}" iteration="iterator" limit="3" as="relatedNewsEntry">
 										<f:if condition="{iterator.isFirst}">
-											<div class="tx-sgnews-single-related">
+											<div class="tx-sgnews-single-related tx-sgnews-categories">
 												<h3>
 													<f:translate key="frontend.singleview.relatedArticles"/>
 												</h3>
-												<ul class="tx-sgnews-list tx-sgnews-overview">
+												<ul class="tx-sgnews-list tx-sgnews-overview row">
 										</f:if>
 													<li class="col-md-4 col-sm-6 col-xs-12">
 														<f:render partial="Teaser" arguments="{