Improve UI of the website

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

diff --git a/webapp/view/queryIPStatistics.jsp b/webapp/view/queryIPStatistics.jsp
index c0e9f5b..a5dd4d3 100644 (file)
--- a/webapp/view/queryIPStatistics.jsp
+++ b/webapp/view/queryIPStatistics.jsp
@@ -15,23 +15,25 @@
 
        <div class="panel panel-default">
                <div class="panel-heading">
-                       <div style="font-weight:bold;">Enter a minimum number of jobs executed from a given IP</div>
+                       <div style="font-weight:bold;">IPs with multipled executed jobs</div>
                </div>
                <div class="panel-body">
        <spring:url value="/ip/stat/querycounter" var="formurl"/>
        <form method="get" action="${fn:escapeXml(formurl)}" role="form">
+               <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:otherwise>
+               </c:choose>
+               <label for="JobCounterinput">Number of jobs</label>
+               <input class="form-control" type="text" name="JobCounter" value ="${value}" id="JobCounterinput" style="width: 200 px">
                <c:if test="${error != null}">
-                       <div class="form-group has-error">
+                       <p class="help-block">${error}</p>
                </c:if>
-               <div class="form-group">
-                       <label for="JobCounterinput">Number of jobs</label>
-                       <input type="text" name="JobCounter" value ="${value}" id="JobCounterinput">
-                       <c:if test="${error != null}">
-                               <p class="help-block">${error}</p>
-                       </c:if>
                </div>
                <!-- <p><input type="text" name="JobCounter" value = 3></p>--> 
                <input type="submit" name="Search" value="Search"/>
+               </div>
        </form>
        </div>
        </div>