9 files changed, 130 insertions, 49 deletions
diff --git a/app/assets/javascripts/general.js b/app/assets/javascripts/general.js
index 002eef760..856f4c6d4 100644
--- a/app/assets/javascripts/general.js
+++ b/app/assets/javascripts/general.js
@@ -34,12 +34,12 @@ $(document).ready(function() {
     box.width(location.length + " em");
     box.find('input').val(location).attr('size', location.length + " em");
     box.show();
-    box.find('input').select();
     box.position({
       my: "right center",
       at: "left bottom",
       of:  this,
       collision: "fit" });
+    box.find('input').select();
     return false;
   });
 
diff --git a/app/assets/stylesheets/admin.scss b/app/assets/stylesheets/admin.scss
index 31fe7e95a..9b792dee3 100644
--- a/app/assets/stylesheets/admin.scss
+++ b/app/assets/stylesheets/admin.scss
@@ -123,6 +123,14 @@ body.admin {
     padding: 3px 0;
   }
 
+  .fieldWithErrors {
+    display:block;
+    padding:0.2em;
+    textarea, input {
+      border:solid 1px Red !important;
+    }
+  }
+
   /* Holidays */
   .day_select {
     width: 75px;
diff --git a/app/assets/stylesheets/responsive/_header_layout.scss b/app/assets/stylesheets/responsive/_header_layout.scss
index b3103e3a9..7c7bdfe97 100644
--- a/app/assets/stylesheets/responsive/_header_layout.scss
+++ b/app/assets/stylesheets/responsive/_header_layout.scss
@@ -131,25 +131,25 @@
   }
   form{
         @include grid-row;
-        padding-right: 1em;
+        padding: 1em 1em 0;
         @include lte-ie7 {
            display: inline;
         }
+        @include respond-min( $main_menu-mobile_menu_cutoff ){
+          padding-top: 0;
+        }
     }
     input{
-        @include grid-column($columns:9);
-        margin:0;
+        @include grid-column($columns:10);
+        margin-right:0;
         @include lte-ie7 {
           width: 10.063em;
         }
     }
-    label{
+    button[type="submit"]{
         @include prefix-postfix-base;
-        @include grid-column($columns:3,$float:left);
+        @include grid-column($columns:2,$float:right);
         border:none;
-        img{
-            max-width: 100%;
-        }
         @include lte-ie7 {
            width: 2.125em;
         }
diff --git a/app/assets/stylesheets/responsive/_header_style.scss b/app/assets/stylesheets/responsive/_header_style.scss
index 9008a73a7..ec1e8ea5c 100644
--- a/app/assets/stylesheets/responsive/_header_style.scss
+++ b/app/assets/stylesheets/responsive/_header_style.scss
@@ -2,3 +2,9 @@
 #navigation {
     border-bottom: 1px solid #e9e9e9;
 }
+
+#navigation_search {
+  button[type="submit"] {
+    background:image-url('/assets/search.png') transparent no-repeat center center;
+  }
+}
diff --git a/app/assets/stylesheets/responsive/_public_body_layout.scss b/app/assets/stylesheets/responsive/_public_body_layout.scss
index 7a9637bc9..2afd67ffb 100644
--- a/app/assets/stylesheets/responsive/_public_body_layout.scss
+++ b/app/assets/stylesheets/responsive/_public_body_layout.scss
@@ -64,10 +64,4 @@
 }
 
 
-.list-filter-item {
-    .title {
-        display: inline;
-        font-size: 1em;
-        font-weight: normal;
-    }
-}
+
diff --git a/app/assets/stylesheets/responsive/_public_body_style.scss b/app/assets/stylesheets/responsive/_public_body_style.scss
index 748f6218b..79ee4764a 100644
--- a/app/assets/stylesheets/responsive/_public_body_style.scss
+++ b/app/assets/stylesheets/responsive/_public_body_style.scss
@@ -35,42 +35,9 @@
 }
 
 
-.list-filter-item {
-    ul {
-        list-style: none outside none;
-        margin: 0;
-        padding: 0;
-    }
-    li {
-        display: inline-block;
-        &:after {
-            content:' | ';
-            display: inline-block;
-            color: #ccc; //Unsupported browsers will ignore the rgba declaration below
-            color: rgba(0,0,0,0.1);
-        }
-        &:last-child {
-            &:after {
-                content: '';
-            }
-        }
-
-    }
-}
-
 .authority__body__sidebar__links {
     a {
         display: inline-block;
         margin-bottom: 0.5em;
     }
 }
-
-#list-filter {
-    margin-bottom: 3em;
-}
-
-#filter_requests_form label.title {
-    display: block;
-    width: auto;
-    margin-bottom: 0.3em;
-}
diff --git a/app/assets/stylesheets/responsive/_search_layout.scss b/app/assets/stylesheets/responsive/_search_layout.scss
index 48dd0c6a7..93a94f951 100644
--- a/app/assets/stylesheets/responsive/_search_layout.scss
+++ b/app/assets/stylesheets/responsive/_search_layout.scss
@@ -57,3 +57,11 @@
 #advanced-search-tips{
   @include grid-column(12);
 }
+
+.list-filter-item {
+    .title {
+        display: inline;
+        font-size: 1em;
+        font-weight: normal;
+    }
+}
diff --git a/app/assets/stylesheets/responsive/_search_style.scss b/app/assets/stylesheets/responsive/_search_style.scss
index dfd40fc67..94ec1cf88 100644
--- a/app/assets/stylesheets/responsive/_search_style.scss
+++ b/app/assets/stylesheets/responsive/_search_style.scss
@@ -51,4 +51,87 @@ input.use-datepicker[type=text] {
   }
 }
 
+.list-filter-item {
+    ul {
+        list-style: none outside none;
+        margin: 0;
+        padding: 0;
+    }
+    li {
+        display: inline-block;
+    }
+}
+
+
+#list-filter {
+    margin-bottom: 3em;
+}
 
+#filter_requests_form label.title {
+    display: block;
+    width: auto;
+    margin-bottom: 0.3em;
+}
+
+.filter-request-types {
+  display: block;
+  margin-bottom: 1em;
+  @include respond-min( 20em ){
+    display: inline-block;
+  }
+  ul {
+    border: 1px solid #ccc;
+    border-radius: 3px;
+    width: 100%;
+    font-size: 0;
+    border-bottom: 0;
+    @include respond-min( 20em ){
+      border-right: 0;
+    }
+    @include respond-min( 44em ){
+      border-bottom: 1px solid #ccc;
+    }
+  }
+  li {
+    width: 100%;
+    @include respond-min( 20em ){
+      width: 50%;
+    }
+    @include respond-min( 44em ){
+      width: auto;
+    }
+  }
+  a, span {
+    width: 100%;
+    text-align: center;
+    display: block;
+    font-size: 14px;
+    padding: 0.5em 0.75em;
+    border-bottom: 1px solid #ccc;
+    text-decoration: none;
+    @include respond-min( 20em ){
+      display: inline-block;
+      border-right: 1px solid #ccc;
+      border-bottom: 0;
+      &:nth-child(1),
+      &:nth-child(2) {
+        border-bottom: 1px solid #ccc;
+      }
+    }
+
+    @include respond-min( 44em ){
+        &:nth-child(n) {
+          border-bottom: 0;
+        }
+    }
+  }
+  span {
+    font-weight: bold;
+    background-color: #f4f4f4;
+    //older browsers will just see a flat background, new browsers will see an indent
+    -webkit-box-shadow: inset 0 2px 5px 1px rgba(0, 0, 0, 0.1);
+       -moz-box-shadow: inset 0 2px 5px 1px rgba(0, 0, 0, 0.1);
+         -o-box-shadow: inset 0 2px 5px 1px rgba(0, 0, 0, 0.1);
+            box-shadow: inset 0 2px 5px 1px rgba(0, 0, 0, 0.1);
+  }
+}
diff --git a/app/assets/stylesheets/responsive/_utils.scss b/app/assets/stylesheets/responsive/_utils.scss
index 68884fa7a..e19201475 100644
--- a/app/assets/stylesheets/responsive/_utils.scss
+++ b/app/assets/stylesheets/responsive/_utils.scss
@@ -33,3 +33,18 @@ $lte-ie7: false !default;
         @content;
     }
 }
+
+// Hide content visually, but keep it available to screen readers
+// source: http://a11yproject.com/posts/how-to-hide-content/
+.visually-hidden {
+  // http://developer.yahoo.com/blogs/ydn/posts/2012/10/clip-your-hidden-content-for-better-accessibility/
+    position: absolute !important;
+    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+    clip: rect(1px, 1px, 1px, 1px);
+    padding:0 !important;
+    border:0 !important;
+    height: 1px !important;
+    width: 1px !important;
+    overflow: hidden;
+}
+body:hover .visually-hidden a, body:hover .visually-hidden input, body:hover .visually-hidden button { display: none !important; }