From 9cfbed82a3c7ba21e9a30a4a064daac577c050ab Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9bastien=20Lucas?= <sebastien@slucas.fr>
Date: Mon, 18 Jun 2012 20:59:45 +0200
Subject: [PATCH] Some icons for the menu

---
 index.php |  7 ++++---
 style.css | 18 ++++++++++++++++++
 2 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/index.php b/index.php
index c2bf391..f6d87d4 100644
--- a/index.php
+++ b/index.php
@@ -82,7 +82,7 @@
             </a>
         </div>
         <div class="headright">
-            <img id="searchImage" src="<?php echo getUrlWithVersion("images/search.png") ?>" alt="Search" />
+            <img id="searchImage" src="<?php echo getUrlWithVersion("images/setting64.png") ?>" alt="Settings and menu" />
         </div>
         <div class="headcenter">
             <p><?php echo $currentPage->title ?></p>
@@ -92,9 +92,9 @@
     <div class="menu">
         <div id="search" class="search">
             <form action="index.php?page=9" method="get">
-                <input type="text" style="width: 50%" name="query" />
+                <input type="text" name="query" />
                 <input type="hidden" name="page" value="9" />
-                <input type="submit" value="Search" />
+                <input type="image" src="images/search32.png" alt="Search" />
             </form>
             <form action="index.php?page=9" method="get">
                 <select>
@@ -103,6 +103,7 @@
                     <option value="mercedes">Mercedes</option>
                     <option value="audi">Audi</option>
                 </select> 
+                <input type="image" src="images/search32.png" alt="Search" />
             </form>
         </div>
     </div>
diff --git a/style.css b/style.css
index 26d0a5a..12c84ca 100644
--- a/style.css
+++ b/style.css
@@ -206,8 +206,26 @@ background-color: black;
 margin-top: 3px;
 padding: 6px 10px;
 border-radius: 6px;
+display: table;
 }
 
+.search input
+{
+display: table-cell;
+vertical-align: middle;
+}
+
+.search input[type=text], .search select
+{
+width: 242px;
+}
+
+.search select
+{
+width: 248px;
+}
+
+
 .bookpopup
 {
 min-width: 400px;