From 728d0b0194f14f86002f3754e553f8e6d90bf8a6 Mon Sep 17 00:00:00 2001
From: Minh Tran <mit@openerp.com>
Date: Wed, 9 May 2012 12:48:59 +0200
Subject: [PATCH] searchbox polish

bzr revid: mit@openerp.com-20120509104859-g8h8av99q43glkhl
---
 addons/web/static/src/css/base.css  | 27 ++++++++++++++++++++++-----
 addons/web/static/src/css/base.sass | 26 +++++++++++++++++++++-----
 2 files changed, 43 insertions(+), 10 deletions(-)

diff --git a/addons/web/static/src/css/base.css b/addons/web/static/src/css/base.css
index 47246d688c8..85e5bac27f1 100644
--- a/addons/web/static/src/css/base.css
+++ b/addons/web/static/src/css/base.css
@@ -1128,16 +1128,21 @@
   min-height: 0;
   border-width: 1px;
   padding: 0;
-  width: 450px;
+  width: 480px;
+  margin-bottom: 8px;
 }
 .openerp .oe_searchview .VS-search .VS-icon {
-  top: 5px;
+  top: 6px;
 }
 .openerp .oe_searchview .VS-search .VS-icon-search {
-  left: 5px;
+  left: 4px;
+  top: 3px;
+  height: 18px;
+  width: 18px;
 }
 .openerp .oe_searchview .VS-search .VS-search-inner {
   margin: 0 40px 0 17px;
+  padding: 1px 0;
   font-size: 13px;
 }
 .openerp .oe_searchview .VS-search .VS-search-inner input {
@@ -1215,11 +1220,23 @@
   height: 100%;
   line-height: 23px;
   padding: 0 7px 0 4px;
-  color: #cccccc;
+  color: #4c4c4c;
   cursor: pointer;
 }
 .openerp .oe_searchview .VS-search .oe_vs_unfold_drawer:before {
-  content: "▾";
+  position: absolute;
+  top: 9px;
+  right: 8px;
+  width: 0;
+  height: 0;
+  display: inline-block;
+  content: "";
+  vertical-align: top;
+  border-top: 5px solid #4c4c4c;
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+  filter: alpha(opacity=50);
+  opacity: 0.5;
 }
 .openerp .oe_searchview.oe_searchview_open_drawer .oe_searchview_drawer {
   display: block;
diff --git a/addons/web/static/src/css/base.sass b/addons/web/static/src/css/base.sass
index 3d692d7d40a..111b1636e61 100644
--- a/addons/web/static/src/css/base.sass
+++ b/addons/web/static/src/css/base.sass
@@ -881,7 +881,8 @@ $colour4: #8a89ba
                 min-height: 0
                 border-width: 1px
                 padding: 0
-                width: 450px
+                width: 480px
+                margin-bottom: 8px
                 //border: 1px solid #ababab
                 //margin-top: 0
                 //margin-bottom: 0
@@ -892,13 +893,17 @@ $colour4: #8a89ba
                 //@include radius(13px)
                 //@include box-shadow(0 1px 2px rgba(0,0,0,0.2) inset)
             .VS-icon
-                top: 5px
+                top: 6px
 
             .VS-icon-search
-                left: 5px
+                left: 4px
+                top: 3px
+                height: 18px
+                width: 18px
 
             .VS-search-inner
                 margin: 0 40px 0 17px
+                padding: 1px 0
                 font-size: 13px
 
                 input
@@ -970,10 +975,21 @@ $colour4: #8a89ba
                 height: 100%
                 line-height: 23px
                 padding: 0 7px 0 4px
-                color: #ccc
+                color: #4c4c4c
                 cursor: pointer
                 &:before
-                    content: "▾"
+                    position: absolute
+                    top: 9px
+                    right: 8px
+                    width: 0
+                    height: 0
+                    display: inline-block
+                    content: ""
+                    vertical-align: top
+                    border-top: 5px solid #4c4c4c
+                    border-left: 5px solid transparent
+                    border-right: 5px solid transparent
+                    @include opacity(0.5)
 
         &.oe_searchview_open_drawer
             .oe_searchview_drawer