search field style fixed

frontend-js/src/main/js/Functions.js

@@ -242,6 +242,9 @@ Functions.createElement = function(params) {
   if (params.content !== null && params.content !== undefined) {
     result.innerHTML = params.content;
   }
+  if (params.style !== null && params.style !== undefined) {
+    result.style.cssText = params.style;
+  }
   return result;
 };
 

frontend-js/src/main/js/gui/AbstractDbPanel.js

@@ -72,12 +72,20 @@ AbstractPanel.prototype._initializeGui = function(){
   searchQueryDiv.appendChild(searchLabel);
   this.setControlElement(PanelControlElementType.SEARCH_LABEL, searchLabel);
 
+  var searchInputDiv = Functions.createElement({type:"div",style: "display:table"});
+  searchQueryDiv.appendChild(searchInputDiv);
+  var searchInputCell = Functions.createElement({type:"div",style: "display:table-cell"});
+  searchInputDiv.appendChild(searchInputCell);
+  
   var searchInput = Functions.createElement({type:"input", name:"searchInput",className: "input-field typeahead" });
-  searchQueryDiv.appendChild(searchInput);
+  searchInputCell.appendChild(searchInput);
   this.setControlElement(PanelControlElementType.SEARCH_INPUT, searchInput);
 
+  var searchButtonCell = Functions.createElement({type:"div",style: "display:table-cell"});
+  searchInputDiv.appendChild(searchButtonCell);
+  
   var searchButton = Functions.createElement({type:"a", className:"searchButton",content:'<img src="resources/images/icons/search.png"/>'});
-  searchQueryDiv.appendChild(searchButton);
+  searchButtonCell.appendChild(searchButton);
   this.setControlElement(PanelControlElementType.SEARCH_BUTTON, searchButton);
 
   var searchResultsDiv = Functions.createElement({type:"div", name:"searchResults", className:"tabbable boxed parentTabs" });