[TASK] Fix some issues inside the single view element

Resources/Private/Templates/SingleView/SingleView.html

@@ -93,7 +93,7 @@
 		<section class="content">
 			<div class="container">
 				<div class="tx-sgnews-single">
-					<ul class="tx-sgnews-single-container">
+					<div class="tx-sgnews-single-container">
 						<f:alias
 							map="{content: '{f:cObject(typoscriptObjectPath: \'{f:if(condition: \\\'{newsMetaData.news.contentFromAnotherPage}\\\', then: \\\'lib.contentFromAnotherPage\\\', else: \\\'lib.mainContent\\\')}\')}'}">
 							<div class="tx-sgnews-single-content">
@@ -110,7 +110,6 @@
 								{content -> f:format.raw()}
 							</div>
 						</f:alias>
-
 						<f:if condition="{newsMetaData.news.newsAuthor -> f:count()}">
 							<h2>
 								<f:translate key="frontend.singleview.authors"/>
@@ -180,7 +179,6 @@
 								</f:if>
 							</f:for>
 						</f:if>
-
 						<hr>
 						<div class="tx-sgnews-meta-bar">
 							<base:sharer/>
@@ -196,7 +194,6 @@
 								</button>
 							</div>
 						</div>
-
 						<f:if condition="{newsMetaData.news.relatedNews}">
 							<f:then>
 								<div class="tx-sgnews-single-related tx-sgnews-categories">
@@ -213,7 +210,7 @@
 													headerTag: '<h2>',
 													closingHeaderTag: '</h2>',
 													showCategory: '1'
-												}" />
+												}"/>
 											</li>
 										</sg:related>
 									</ul>
@@ -221,27 +218,24 @@
 							</f:then>
 							<f:else>
 								<f:if condition="{settings.enableAutomaticRelatedNews}">
-									<sg:related news="{newsMetaData.news}" iteration="iterator" limit="3" as="relatedNewsEntry">
-										<f:if condition="{iterator.isFirst}">
-											<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 row">
-										</f:if>
-													<li class="col-md-4 col-sm-6 col-xs-12">
-														<f:render partial="Teaser" arguments="{
-															newsMetaData: relatedNewsEntry,
-															headerTag: '<h2>',
-															closingHeaderTag: '</h2>',
-															showCategory: '1'
-														}" />
-													</li>
-										<f:if condition="{iterator.isLast}">
-												</ul>
-											</div>
-										</f:if>
-									</sg:related>
+									<div class="tx-sgnews-single-related tx-sgnews-categories default-content-element">
+										<h3>
+											<f:translate key="frontend.singleview.relatedArticles"/>
+										</h3>
+										<ul class="tx-sgnews-list tx-sgnews-overview row">
+											<sg:related news="{newsMetaData.news}" iteration="iterator" limit="3"
+														as="relatedNewsEntry">
+												<li class="col-md-4 col-sm-6 col-xs-12">
+													<f:render partial="Teaser" arguments="{
+														newsMetaData: relatedNewsEntry,
+														headerTag: '<h2>',
+														closingHeaderTag: '</h2>',
+														showCategory: '1'
+													}"/>
+												</li>
+											</sg:related>
+										</ul>
+									</div>
 								</f:if>
 							</f:else>
 						</f:if>