WIP styling of new request/make a request page

2 files changed, 38 insertions, 12 deletions

diff --git a/app/assets/stylesheets/responsive/_new_request_style.scss b/app/assets/stylesheets/responsive/_new_request_style.scss
index e07ecb55c..f6d4f6a42 100644
--- a/app/assets/stylesheets/responsive/_new_request_style.scss
+++ b/app/assets/stylesheets/responsive/_new_request_style.scss
@@ -26,18 +26,28 @@
 
 }
 
+
+
 #to_public_body {
   font-weight: bold;
   font-size: 1.3em;
+  margin-bottom: 0.5em;
+}
+
+.to_public_body_label {
+  color: #777;
+  font-weight: normal;
+}
+
+#request_header {
+  border-bottom: 1px solid #ccc; //Unsupported browsers will ignore the rgba declaration below
+  border-color: rgba(0,0,0,0.1);
+  margin-bottom: 2em;
 }
 
 #request_header_text {
-  border-radius:3px;
-  background-color: lighten(#62b356, 23%);
-  padding:0 1em;
-  margin-bottom: 1.5em;
-  margin-top: 1.5em;
   overflow: hidden;
+  font-size: 0.875em;
   h3 {
    font-size: 1em;
   }
@@ -47,13 +57,27 @@
 #request_advice {
   ul {
     margin:0 auto;
-
+    list-style: none outside none;
+    padding-left: 0;
     li {
       margin:0 0 1em;
     }
   }
 }
 
+.advice-panel {
+  background-color: darken(#f7eee1, 5%);
+  padding: 1.5em;
+  margin-top: 1em;
+}
+
+
+
+.advice-panel {
+  background-color: darken(#f7eee1, 5%);
+  padding: 1.5em;
+  margin-top: 1em;
+}
 
 /* Batch request page */
 
diff --git a/app/views/request/new.html.erb b/app/views/request/new.html.erb
index e05969888..6c85554f1 100644
--- a/app/views/request/new.html.erb
+++ b/app/views/request/new.html.erb
@@ -153,12 +153,14 @@
           <%= raw(_("<strong> Can I request information about myself?</strong>\n" +
           "\t\t\t<a href=\"{{url}}\">No! (Click here for details)</a>", :url => (help_requesting_path+"#data_protection").html_safe)) %>
         </p>
-        <ul>
-          <% end %>
-          <li><%= _('Write your request in <strong>simple, precise language</strong>.') %></li>
-          <li><%= _('Ask for <strong>specific</strong> documents or information, this site is not suitable for general enquiries.') %></li>
-          <li><%= _('Keep it <strong>focused</strong>, you\'ll be more likely to get what you want (<a href="{{url}}">why?</a>).', :url => (help_requesting_path + '#focused').html_safe) %></li>
-        </ul>
+        <div class="advice-panel">
+          <ul>
+            <% end %>
+            <li><%= _('Write your request in <strong>simple, precise language</strong>.') %></li>
+            <li><%= _('Ask for <strong>specific</strong> documents or information, this site is not suitable for general enquiries.') %></li>
+            <li><%= _('Keep it <strong>focused</strong>, you\'ll be more likely to get what you want (<a href="{{url}}">why?</a>).', :url => (help_requesting_path + '#focused').html_safe) %></li>
+          </ul>
+        </div>
     </div>
 
     <div id="request_form">