1289: Finalize initial version of item view

Task-Url: https://pm.winseda.de/issues/1289

item/view.jsp

@@ -96,9 +96,8 @@
 			
 			<div class="row">
 				<div class="col-12">
-					<button type="button" onclick="resultItem.loadIntegratedData(this);" class="btn btn-primary-var-2"><s:message code="~eu.dariah.de.minfba.search.view.item.integrated_dataset" /></button>
+					<button type="button" onclick="resultItem.loadIntegratedData(this);" class="btn btn-primary-var-2"><s:message code="~eu.dariah.de.minfba.search.view.item.integrated_dataset" /> <i class="fas fa-lg fa-chevron-circle-down"></i></button>
 					<div id="item-detail-integrated-container" class="collapse">
-						<h3 class="item-detail-heading"><s:message code="~eu.dariah.de.minfba.search.view.item.integrated_dataset" /></h3>
 						<div id="item-detail-integrated" class="item-dataset-container"></div>
 					</div>
 				</div>
@@ -106,18 +105,20 @@
 			
 			<div class="row mt-2">
 				<div class="col-12">
-					<button type="button" onclick="resultItem.loadOriginalData(this);" class="btn btn-primary-var-2"><s:message code="~eu.dariah.de.minfba.search.view.item.original_dataset" /></button>
+					<button type="button" onclick="resultItem.loadOriginalData(this);" class="btn btn-primary-var-2"><s:message code="~eu.dariah.de.minfba.search.view.item.original_dataset" /> <i class="fas fa-lg fa-chevron-circle-down"></i></button>
 					<div id="item-detail-dataset-container" class="collapse">
-						<h3 class="item-detail-heading"><s:message code="~eu.dariah.de.minfba.search.view.item.original_dataset" /></h3>
 						<div id="item-detail-dataset" class="item-dataset-container"></div>
 					</div>
 				</div>
 			</div>
 		</div>
-		<div class="col-12 col-md-5 col-lg-4 col-xl-3" >
-			<div class="item-collection-image" style="width: 100%; height: 100%; background-size: cover; background-position: center; background-image: url(${collection.imageUrl};);"></div>
-			
-			
+		<div class="col-12 col-md-5 col-lg-4 col-xl-3 mt-auto mb-3">
+			<h2><s:message code="~eu.dariah.de.minfba.metamodel.collection" /></h2>
+			<div class="item-collection-image collection-image">
+				<img alt="${collectionName}" src="${collection.imageUrl}">
+				<span>${collectionName}</span>
+			</div>
+
 		</div>
 	</div>
 </div>
\ No newline at end of file