Fix hidden text behind the search icon

[rails.git] / app / assets / stylesheets / common.css.scss

diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss
index c2f642edc52f539ffd7b8ceeef1f85d790506468..9e3e312ada1ddac8c129afb795d32c6f425a0a52 100644 (file)
--- a/app/assets/stylesheets/common.css.scss
+++ b/app/assets/stylesheets/common.css.scss
@@ -398,13 +398,17 @@ table {
     font-size: $typeheight;
     line-height: 1.1;
     height: 25px;
-    padding: 2px 0px 2px $lineheight/4;
+    padding: 2px 22px 2px $lineheight/4;
     box-shadow: inset #DDD 0px 1px 3px;
+
+    transition: 300ms linear;
+    -webkit-transition: 300ms linear;
+    -moz-transition: 300ms linear;
   }
 
   input[type="text"]:focus {
+    box-shadow: 0px 0px 7px #9ED485;
     outline: none;
-    border: 1px solid #000;
   }
 
   input[type="submit"] {
@@ -959,7 +963,6 @@ a.donate {
 .sidebar_heading {
   position: relative;
   padding: $lineheight/2 $lineheight;
-  z-index: 9999;
   background: $offwhite;
   border-bottom: 1px solid #ccc;
   h4 {
@@ -1015,7 +1018,10 @@ a.donate {
 
   .search_details {
     display: block;
+    float: right;
     text-align: right;
+    margin-top: 0.2em;
+    margin-left: 0.5em;
   }
 }