(Re)Implement search widget.

master/bt5/vifib_web/SkinTemplateItem/portal_skins/vifib_hosting_theme/vifib_hosting_js/vifib.js.xml

@@ -8,7 +8,7 @@
       <dictionary>
         <item>
             <key> <string>_EtagSupport__etag</string> </key>
-            <value> <string>ts22139549.51</string> </value>
+            <value> <string>ts22149520.4</string> </value>
         </item>
         <item>
             <key> <string>__name__</string> </key>
@@ -153,20 +153,23 @@ function updateSoftwareReleaseList(event) {\n
 function softwareReleaseController(query) {\n
   js_container = $("#js_container");\n
   js_container.empty();\n
+  var search_div = $(\'<div>\');\n
+  js_container.append(search_div);\n
+  search_div.addClass(\'software_release_search\');\n
   var input = $(\'<input type="text">\');\n
   input.attr(\'id\', "software_release_query");\n
   input.addClass("software_release_input");\n
   input.val(query);\n
   $(\'form\').submit(updateSoftwareReleaseList);\n
-  js_container.append(input);\n
+  search_div.append(input)\n
 \n
   var search = $(\'<button>\');\n
   search.addClass(\'software_release_input\');\n
-  search.append($(\'<span>\').html(\'Search...\'));\n
-  input.after(search);\n
+  search.append($(\'<span>\').html(\'Search\'));\n
+  search_div.append(search)\n
   software_release_container = $(\'<div>\');\n
   software_release_container.attr(\'id\', \'software_release_container\');\n
-  search.after(software_release_container);\n
+  js_container.append(software_release_container);\n
   search.click(updateSoftwareReleaseList);\n
   if (query) { q = {\'title\': query}; }\n
   else {q = {};}\n
@@ -279,7 +282,7 @@ function hashController ()\n
         </item>
         <item>
             <key> <string>size</string> </key>
-            <value> <int>8242</int> </value>
+            <value> <int>8364</int> </value>
         </item>
         <item>
             <key> <string>title</string> </key>

master/bt5/vifib_web/SkinTemplateItem/portal_skins/vifib_jauks_theme/vifib_style/vifib.css.xml

@@ -218,24 +218,42 @@ div.software_release_description {float:left;padding: 2px 2px 2px 2px; font-styl
 span.software_release_description {font-size:14px; color: black;}\n
 \n
 div.reset {position:relative;clear:both;}\n
-input.software_release_search {height: 30px}\n
-.software_release_input {\n
-    color: #BAE2E9;\n
-    background-color: #2d909c;\n
-    border: medium solid;\n
-    border-radius: 10px 10px 10px 10px;\n
-    font-size: 11px;\n
-    font-weight: bold;\n
-    height: 30px;\n
-    padding: 0 0 0 0;}\n
-button.software_release_input {cursor: pointer; border: medium none;}\n
-textarea.software_release_input {height: 100px; padding: 15px 15px 15px 15px;}\n
 \n
 div.software_release_navigation {float:left; width: 340px; height: 15px; color: #1a8d8d; white-space:nowrap;}\n
 ul.software_release_navigation, li.software_release_navigation {display: inline; padding: 5px;}\n
 li.software_release_navigation:before {content: "\\0020 \\0020 \\0020 \\00BB \\0020";}\n
 a.software_release_navigation {text-decoration: none; color: #fc7c25; white-space:nowrap;}\n
 \n
+input.software_release_input {\n
+    height: 18px;\n
+    border: 1px solid #21494a;\n
+    margin-right: 4px;\n
+}\n
+button.software_release_input {\n
+    border: 0px;\n
+    height: 20px;\n
+    color: #ffffff;\n
+    font-size: 14px;\n
+    font-weight: normal;\n
+    cursor: pointer;\n
+    background-image: linear-gradient(top, #008080 30%, #1CB6B6 100%);\n
+    background-image: -o-linear-gradient(top, #008080 30%, #1CB6B6 100%);\n
+    background-image: -moz-linear-gradient(top, #008080 30%, #1CB6B6 100%);\n
+    background-image: -webkit-linear-gradient(top, #008080 30%, #1CB6B6 100%);\n
+    background-image: -ms-linear-gradient(top, #008080 30%, #1CB6B6 100%);\n
+\n
+    background-image: -webkit-gradient(\n
+\tlinear,\n
+\tleft top,\n
+\tleft bottom,\n
+\tcolor-stop(0.3, #008080),\n
+\tcolor-stop(1, #1CB6B6)\n
+    );\n
+    margin-left: 4px;\n
+}\n
+\n
+div.software_release_search {text-align: right;}\n
+\n
 </tal:block>
 
 ]]></unicode> </value>