simplified and stripped-back layout and styles for requests

3 files changed, 26 insertions, 31 deletions

diff --git a/app/assets/stylesheets/responsive/_new_request_layout.scss b/app/assets/stylesheets/responsive/_new_request_layout.scss
index 6098a1a51..c62094686 100644
--- a/app/assets/stylesheets/responsive/_new_request_layout.scss
+++ b/app/assets/stylesheets/responsive/_new_request_layout.scss
@@ -27,10 +27,9 @@
 
   /* Compact request list for viewing in authority preview column */
   .request_left, #header_left {
-    @media( min-width: $main_menu-mobile_menu_cutoff ){
-      @include grid-column(12);
-    }
+    @include grid-column(12, $collapse: true);
   }
+
   .request_right {
     @include grid-column(12, $collapse: true);
   }
diff --git a/app/assets/stylesheets/responsive/_new_request_style.scss b/app/assets/stylesheets/responsive/_new_request_style.scss
index 887c4a004..ab144b39f 100644
--- a/app/assets/stylesheets/responsive/_new_request_style.scss
+++ b/app/assets/stylesheets/responsive/_new_request_style.scss
@@ -1,33 +1,36 @@
 /* Styles for pages in making a new request */
 
 /* /new/[body_name] page */
-#request_header {
+.new_info_request {
+  label {
+    display: block;
+    margin-bottom: 0.5em;
+  }
+  input[type=text],
+  textarea {
+    width: 100%;
+    font-size: 1em;
+  }
+}
 
+#request_header {
   padding-top:0.5em;
   padding-bottom:1em;
 
-  span#to_public_body {
-    font-weight: bold;
-    font-size: 1.1em;
-  }
+}
 
-  #request_header_text, #request_search_ahead_results {
-    font-size:0.9em;
-    margin-left:100px
-  }
+#to_public_body {
+  font-weight: bold;
+  font-size: 1.3em;
 }
 
 #request_header_text {
   border-radius:3px;
-  -moz-border-radius:3px;
-  margin-top: 10px;
-  background-color:#D5FFD8;
-  border-color:#1EFF38;
-  border-style:solid;
-  font-style: italic;
-  border-width:1px;
-  padding:0.5em;
-
+  background-color: lighten(#62b356, 23%);
+  padding:0 1em;
+  margin-bottom: 1.5em;
+  margin-top: 1.5em;
+  overflow: hidden;
   h3 {
    font-size: 1em;
   }
diff --git a/app/assets/stylesheets/responsive/_request_style.scss b/app/assets/stylesheets/responsive/_request_style.scss
index 3de19c633..43ea33b8d 100644
--- a/app/assets/stylesheets/responsive/_request_style.scss
+++ b/app/assets/stylesheets/responsive/_request_style.scss
@@ -1,21 +1,14 @@
 /* Style for request page */
 
 div.correspondence {
-  border-style:solid;
-  margin:0 0 1em;
-  border-width:1px;
-  padding:9px 20px 0 9px;
+  border: 1px solid #ccc;
+  margin: 0 0 1em;
+  padding: 0.5em 1em 0 0.5em;
 
   h2 {
     text-align:right;
     font-size:1em;
   }
-
-  .preview_subject {
-    font-size:1.2em !important;
-    margin-left:10px;
-    line-height:25px;
-  }
 }
 
 div.comment_in_request {