anchor.diff:  
                                                       <c:forEach var="synonym" items="${phenotype.getMpTermSynonym()}"
                                                                  varStatus="loop">
  -                                                        <span class='badge badge-info'
  -                                                              style="font-size: 80%;">${synonym}</span>
  -                                                        <%--<c:if test="${!loop.last}">,&nbsp;</c:if>--%>
  +                                                        <span>${synonym}</span>
  +                                                        <c:if test="${!loop.last}">,&nbsp;</c:if>
                                                       </c:forEach>
                                                   </c:if>
   
  
positive.code:                                                     <c:forEach var="synonym" items="${phenotype.getMpTermSynonym()}"
                                                                 varStatus="loop">
                                                          <c:set var="count" value="${count + 1}" scope="page"/>
                                                          <span class='badge badge-info'
                                                                style="font-size: 80%;">${synonym}</span>
                                                      </c:forEach>
                                                  </c:if>
                                              </div>
  
negative.code: 
                                      <div class="row no-gutters justify-content-end text-center mt-3">
                                          <a href="#genesAssociations" class="col-sm-4">
                                              <i class="fal fa-dna mb-1 text-dark" style="font-size: 5em;"></i>
                                              <span class="page-nav-link">Significant gene associations</span>
                                          </a>
                                          <a href="#phenotypeProcedures" class="col-sm-4">
                                              <i class="fal fa-tasks mb-1 text-dark" style="font-size: 5em;"></i>
                                              <span class="page-nav-link">The way we measure</span>
                                          </a>
                                          <a href="#phenotypeStats" class="col-sm-4">
                                              <i class="fal fa-chart-line mb-1 text-dark" style="font-size: 5em;"
                                                 data-toggle="tooltip"
                                                 data-placement="top"></i>
                                              <span class="page-nav-link">Phenotype stats</span>
                                          </a>
                                      </div>
                                  </div>
                                  <div class="col-lg-4 justify-content-center text-center text-primary"
                                       style="font-size: 2.5em; font-weight: bolder; line-height: 1.0;">
                                      <!--div class="row no-gutters">
                                          <div class="col-4"><i class="fal fa-dna"></i></div>
                                          <div class="col-4"><i class="fal fa-venus"></i></div>
                                          <div class="col-4"><i class="fal fa-mars"></i></div>
                                      </div-->
                                      <div class="row no-gutters mt-3">
                                          <div class="col-4">
                                              <div><span id="percentageOfGenes">0</span><span id="percentageOfGenesSign">%</span></div>
                                              <div style="font-size: small; font-weight: lighter;">of tested genes</div>
                                          </div>
                                          <div class="col-4">
                                              <div id="numberOfSignificantGenes">0</div>
                                              <div style="font-size: small; font-weight: lighter;">significant genes</div>
                                          </div>
                                          <div class="col-4">
                                              <div id="numberOfGenes">0</div>
                                              <div style="font-size: small; font-weight: lighter;">tested genes</div>
                                          </div>
                                          <%--div class="col-4">
                                              <div><span id="percentageOfFemales">0</span><span id="percentageOfFemalesSign">%</span></div>
                                              <div style="font-size: small; font-weight: lighter;">of tested females</div>
                                          </div>
                                          <div class="col-4">
                                              <div><span id="percentageOfMales">0</span><span id="percentageOfMalesSign">%</span></div>
                                              <div style="font-size: small; font-weight: lighter;">of tested males</div>
                                          </div--%>
                                      </div>
                                      <%--div class="row no-gutters text-center text-info mt-5">
                                          <div class="col-4">
                                              <div id="numberOfGenes">0</div>
                                              <div style="font-size: small; font-weight: lighter;">tested genes</div>
  