Improve UI of the website

[proteocache.git] / webapp / view / queryProteinSequenceCounter.jsp

diff --git a/webapp/view/queryProteinSequenceCounter.jsp b/webapp/view/queryProteinSequenceCounter.jsp
index dce9b49..00bb5d7 100644 (file)
--- a/webapp/view/queryProteinSequenceCounter.jsp
+++ b/webapp/view/queryProteinSequenceCounter.jsp
@@ -15,23 +15,29 @@
 
        <div class="panel panel-default">
                <div class="panel-heading">
-                       <div style="font-weight:bold;">Enter minimum number of jobs executed with a given protein</div>
+                       <div style="font-weight:bold;">Proteins with multiple executed jobs</div>
                </div>
                <div class="panel-body">
                        <spring:url value="/sequence/querycounter" var="formurl"/>
                        <form method="get" action="${fn:escapeXml(formurl)}">
-                       <c:if test="${error != null}">
+                       <div class="col-xs-2"> <!-- make the field shorter -->
+                       <c:choose>
+                       <c:when test="${error == null}">
+                               <div class="form-group">
+                       </c:when>
+                       <c:otherwise>
                                <div class="form-group has-error">
-                       </c:if>
-                       <div class="form-group">
+                       </c:otherwise>
+                       </c:choose>
                                <label for="JobCounterinput">Number of jobs </label>
-                               <input type="text" name="counterJob" value ="${value}" id="JobCounterinput">
+                               <input class="form-control" type="text" name="counterJob" value ="${value}" id="JobCounterinput">
                                <c:if test="${error != null}">
                                        <p class="help-block">${error}</p>
                                </c:if>
                        </div>
                                <!-- <p><input type="text" name="counterJob" value = 3></p>-->
                        <input type="submit" name="Search" value="Search"/>
+                       </div>
                        </form>
                </div>
        </div>