From 468b76f896d0a0dd3a1296a87173b284340ccc6f Mon Sep 17 00:00:00 2001
From: connors <connor.sears@github.com>
Date: Fri, 2 Aug 2013 21:26:28 -0700
Subject: [PATCH] Updating the search box

---
 dist/ratchet.css  | 18 ++++++++----------
 dist/ratchet.js   |  2 +-
 lib/css/forms.css |  5 +++--
 3 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/dist/ratchet.css b/dist/ratchet.css
index 5d5c81c..61bc923 100644
--- a/dist/ratchet.css
+++ b/dist/ratchet.css
@@ -309,7 +309,9 @@ a {
 }
 
 /* Override standard button active states */
-.bar-title .button:active {
+.bar-title .button:active,
+.bar-title .button-prev:active,
+.bar-title .button-next:active {
   color: #007aff;
   background-color: transparent;
   opacity: .3;
@@ -318,11 +320,6 @@ a {
 /* Directional buttons in title bars
 -------------------------------------------------- */
 
-/* Add relative positioning so :before content is positioned properly */
-.bar-title .button-prev {
-  display: block; !important;
-}
-
 .bar-title .button-prev:before,
 .bar-title .button-prev:after,
 .bar-title .button-next:before,
@@ -573,7 +570,6 @@ input[type="color"],
   background-color: #fff;
   border: 1px solid rgba(0, 0, 0, .2);
   border-radius: 3px;
-  box-shadow: 0 1px 1px rgba(255, 255, 255, .2), inset 0 1px 1px rgba(0, 0, 0, .1);
   -webkit-appearance: none;
   box-sizing: border-box;
   outline: none;
@@ -583,7 +579,9 @@ input[type="color"],
 input[type=search] {
   height: 34px;
   font-size: 14px;
-  border-radius: 30px;
+  border-radius: 6px;
+  border-width: 0;
+  background-color: rgba(0,0,0,.11);
 }
 
 /* Allow text area's height to grow larger than a normal input */
@@ -678,7 +676,7 @@ select {
 /* Active */
 [class*="button"]:active {
   background-color: #333;
-  transition: background-color .2s linear;
+  transition: background-color .1s linear;
 }
 
 /* Button modifiers
@@ -1128,7 +1126,7 @@ select {
 /* Active state for toggle */
 .toggle.active {
   background-color: #4cd964;
-  border: 1px solid #4cd964;
+  border: 2px solid #4cd964;
 }
 
 /* Active state for toggle handle */
diff --git a/dist/ratchet.js b/dist/ratchet.js
index 59791d3..71ba104 100644
--- a/dist/ratchet.js
+++ b/dist/ratchet.js
@@ -764,4 +764,4 @@
     toggle    = false;
   });
 
-}();
+}();
\ No newline at end of file
diff --git a/lib/css/forms.css b/lib/css/forms.css
index 4b58260..f1834a6 100644
--- a/lib/css/forms.css
+++ b/lib/css/forms.css
@@ -35,7 +35,6 @@ input[type="color"],
   background-color: #fff;
   border: 1px solid rgba(0, 0, 0, .2);
   border-radius: 3px;
-  box-shadow: 0 1px 1px rgba(255, 255, 255, .2), inset 0 1px 1px rgba(0, 0, 0, .1);
   -webkit-appearance: none;
   box-sizing: border-box;
   outline: none;
@@ -45,7 +44,9 @@ input[type="color"],
 input[type=search] {
   height: 34px;
   font-size: 14px;
-  border-radius: 30px;
+  border-radius: 6px;
+  border-width: 0;
+  background-color: rgba(0,0,0,.11);
 }
 
 /* Allow text area's height to grow larger than a normal input */