7 files changed, 147 insertions, 24 deletions
diff --git a/app/assets/stylesheets/responsive/_global_layout.scss b/app/assets/stylesheets/responsive/_global_layout.scss
index d7b24df41..b34a6af74 100644
--- a/app/assets/stylesheets/responsive/_global_layout.scss
+++ b/app/assets/stylesheets/responsive/_global_layout.scss
@@ -98,3 +98,10 @@ textarea{
     padding-right: 0.9375em;
   }
 }
+.box {
+  padding: 1em;
+
+  @include respond-min( $main_menu-mobile_menu_cutoff ){
+    padding: 1.2em;
+  }
+}
diff --git a/app/assets/stylesheets/responsive/_global_style.scss b/app/assets/stylesheets/responsive/_global_style.scss
index 24cddc0d9..27d238962 100644
--- a/app/assets/stylesheets/responsive/_global_style.scss
+++ b/app/assets/stylesheets/responsive/_global_style.scss
@@ -84,9 +84,6 @@ dd {
 
 dt + dd {
   margin-top: 0.5em;
-  > p {
-    margin-top: 0;
-  }
 }
 
 
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/_request_style.scss b/app/assets/stylesheets/responsive/_request_style.scss
index e6f36674a..44ca9a288 100644
--- a/app/assets/stylesheets/responsive/_request_style.scss
+++ b/app/assets/stylesheets/responsive/_request_style.scss
@@ -3,12 +3,9 @@
 div.correspondence {
   border: 1px solid #ccc;
   margin: 0 0 1em;
-  padding: 1em;
-  @include respond-min( $main_menu-mobile_menu_cutoff ){
-    padding: 1.5em;
-  }
 
   h2 {
+    margin-top: 0;
     text-align:right;
     font-size:1em;
   }
@@ -31,7 +28,6 @@ div.correspondence {
 div.comment_in_request {
   border: 1px dotted #ccc;
   margin:0 0 1em 3em;
-  padding:0 0.5em;
 
   h2 {
     font-size:1em;
@@ -42,13 +38,9 @@ div.comment_in_request {
 }
 
 .event_actions {
+  margin-bottom: 0;
   text-align:right;
   line-height: 1em;
-  margin-bottom: 1em;
-}
-
-.comment_in_request_text {
-  margin:0 1.2em 0 0.9em;
 }
 
 .user_photo_on_request img {
@@ -64,7 +56,6 @@ div.comment_in_request {
   height:36px;
   float:left;
   vertical-align:middle;
-  margin-top: 0.5em;
   margin-right:0.5em;
 }
 
@@ -86,11 +77,9 @@ a img.attachment_image {
 }
 
 .describe_state_form,#other_recipients {
-
   border-radius:3px;
   -moz-border-radius:3px;
   margin:1em 0;
-  padding:0.5em 1em;
 }
 
 .describe_state_form {
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; }
diff --git a/app/assets/stylesheets/widget.scss b/app/assets/stylesheets/widget.scss
new file mode 100644
index 000000000..a67e1f3f0
--- /dev/null
+++ b/app/assets/stylesheets/widget.scss
@@ -0,0 +1,109 @@
+/* CSS Mini Reset */
+
+html, body, div, form, fieldset, legend, label
+{
+ margin: 0;
+ padding: 0;
+}
+
+table
+{
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+th, td
+{
+ text-align: left;
+ vertical-align: top;
+}
+
+h1, h2, h3, h4, h5, h6, th, td, caption { font-weight:normal; }
+
+img { border: 0; }
+
+body {
+    background-color: #ffffff;
+    color: #333333;
+    padding: 0;
+    margin: 0;
+    font-family: "Helvetica Neue", Arial, Helvetica, Helmet, Freesans, sans-serif;
+    font-weight: normal;
+    font-style: normal;
+    line-height: 1.5em;
+    position: relative;
+    cursor: default;
+    font-size: 1em;
+}
+
+a:hover,
+a:focus,
+a:active {
+    color: #333;
+}
+
+.alaveteli-widget {
+    width: 318px;
+    height: 213px;
+    border: 1px solid #e9e9e9;
+    background: #e9e9e9 url("widget-base.png") top left no-repeat;
+    position: relative;
+    border: 1px solid #eee;
+}
+
+.alaveteli-widget__title {
+    position: absolute;
+    top: 1em;
+    left: 16px;
+    width: 160px;
+    height: 75px;
+    overflow: hidden;
+}
+
+.alaveteli-widget__status {
+    position: absolute;
+    top: 97px;
+    left: 16px;
+    font-weight: bold;
+    text-transform: uppercase;
+}
+
+.alaveteli-widget__status__status-label {
+    margin: 0;
+    font-weight: normal;
+    font-size: 0.875em;
+    line-height: 1.1em;
+    color: #555;
+    text-transform: capitalize;
+}
+
+.alaveteli-widget__left {
+    position: absolute;
+    width: 145px;
+}
+
+.alaveteli-widget__people-count {
+  position: absolute;
+  left: 192px;
+  top: 44px;
+  width: 100px;
+  text-align: center;
+  line-height: 1.3em;
+}
+.alaveteli-widget__count {
+    font-size: 55px;
+    line-height: 55px;
+    text-align: center;
+}
+
+.alaveteli-widget__bottom a {
+    text-decoration: none;
+}
+
+.alaveteli-widget__button {
+    position: absolute;
+    top: 173px;
+    left: 16px;
+    text-align: center;
+}
+