[Feature] Improve Anndata experiment page appearance

app/src/main/java/uk/ac/ebi/atlas/trader/ScxaExperimentRepository.java

@@ -57,4 +57,9 @@ public Experiment getExperiment(String experimentAccession) {
                 idfParser.parse(experimentDto.getExperimentAccession()),
                 sdrfParser.parseSingleCellTechnologyType(experimentDto.getExperimentAccession()));
     }
+
+    @Override
+    public String getExperimentType(String experimentAccession) {
+        return experimentCrudDao.getExperimentType(experimentAccession);
+    }
 }

app/src/main/webapp/WEB-INF/jsp/tiles/views/experiment-page/experiment-description.jsp

@@ -18,7 +18,7 @@
 <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
 
 <div id="experimentDescription" class="row column expanded">
-    <div class="media-object stack-for-small">
+    <div class="media-object stack-for-small ${fn:startsWith(experimentAccession, 'E-ANND-') ? 'anndata' : ''}">
         <c:if test="${fn:startsWith(experimentAccession, 'E-EHCA-')}">
         <div class="media-object-section middle paddin-right-medium">
             <a class="clear padding-right-xlarge" href="https://preview.data.humancellatlas.org/">
@@ -99,5 +99,12 @@
             </div>
             </c:if>
         </div>
+        <c:if test="${fn:startsWith(experimentAccession, 'E-ANND-')}">
+            <div class="experiment-type-icon">
+                <img src="${pageContext.request.contextPath}/resources/images/experiment-type/anndata.png"
+                     alt="Experiment with annotated data from external source"
+                     style="height: 100px;">
+            </div>
+        </c:if>
     </div>
 </div>

app/src/main/webapp/resources/css/atlas.css

@@ -10,6 +10,17 @@
     padding-right: 0;
 }
 
+.media-object.stack-for-small.anndata {
+    background: lightyellow;
+    display: flex;
+}
+
+.experiment-type-icon {
+    margin-left: auto;
+    margin-right: 10px;
+    margin-top: 10px;
+}
+
 a.clear {
     border-bottom: none;
 }