anchor.diff:  <%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
   <%@taglib prefix="t" tagdir="/WEB-INF/tags" %>
   
  +<div class="row pt-5 pb-5 white-bg">
  + <div class="col-12 col-md-6">
   <c:if test="${not empty phenotype.getMpDefinition()}">
   	
   	<div class="row">
  -        <div class="col-12 col-md-2 font-weight-bold">
  +        <div class="col-12 col-md-4 font-weight-bold">
                Definition
           </div>
  -        <div class="col-12 col-md-10">
  +        <div class="col-12 col-md-8">
                   ${phenotype.getMpDefinition()}
           </div>
       </div>
       
       <c:if test="${not empty phenotype.getMpTermSynonym()}">
           <div class="row">
  -        <div class="col-12 col-md-2 font-weight-bold">
  +        <div class="col-12 col-md-4 font-weight-bold">
                Synonyms
           </div>
  -        <div class="col-12 col-md-10">
  +        <div class="col-12 col-md-8">
           	<c:if test='${phenotype.getMpTermSynonym().size() == 1}'>
   				
                        <c:forEach var="synonym" items="${phenotype.getMpTermSynonym()}" varStatus="loop">
  
positive.code: 											</c:forEach>
  										</ul>
  			</div>
  		</div>
  	
  </c:if>
  
  <div class="row">
  <div class="col-12 col-md-2 font-weight-bold">
  	MP browser
  </div>
  <div class="col-12 col-md-10">
  	<a href="${baseUrl}/ontologyBrowser?termId=${phenotype.getMpId()}">${phenotype.getMpId()}</a>
  								<c:if test="${!hasData}">
  									<p>This MP term has not been considered for annotation in <a href="https://www.mousephenotype.org/impress">IMPReSS</a>. However, you can search and retrieve all MP terms currently associated to the Knock-out mutant lines from the <a href="${baseUrl}/search">IMPC Search</a> page. You can also look at all the MP terms used to annotate the IMPReSS SOPs from the <a href="https://www.mousephenotype.org/impress/ontologysearch">IMPReSS ontology search</a> page.</p>
  
negative.code: 		                        <c:if test="${orderPossible}">
  		                          	<p> <a class="btn" href="#order2"> <i class="fa fa-shopping-cart"></i> Order </a> </p>
  		                        </c:if>
  </div>
  </div>
  
  
  </div>
   <!-- end of half section -->
  
  
  <div class="col-12 col-md-6">
  	                        
  
  
  
  
  
  half should be here!!!!
  <div id="parentChild" class="half">
  									<c:if test="${hasChildren && hasParents}">
  		                            	<div class="half" id="parentDiv"></div>
  										<div class="half" id="childDiv"></div>
  									</c:if>
  									<c:if test="${hasChildren && !hasParents}">
  										<div id="childDiv"></div>
  									</c:if>
  									<c:if test="${!hasChildren && hasParents}">
  		                            	<div id="parentDiv"></div>
  									</c:if>
  							</div>
  
  
  
  </div>
  </div>