Permalink
Browse files

Modified the layout for the notice page when they click the add to ca…

…rt button
  • Loading branch information...
1 parent d862e00 commit 3b9663512b5f2f5e78686b1c3a043f7e8c09e074 @prasangyan prasangyan committed Jan 31, 2012
Showing with 32 additions and 5 deletions.
  1. +11 −5 app/views/email/references.html.erb
  2. +21 −0 public/stylesheets/notice.css
@@ -1,15 +1,21 @@
-<form action="/email/addreferences" method="post">
+<% content_for :head do %>
+<%= stylesheet_link_tag "notice.css" %>
+<% end %>
+<form action="/email/addreferences" method="post" id='referencesForm'>
<h1>Add a 10% discount</h1>
<p>Invite 5 friends or more and we will give you an additional 10% discount on your purchase when we open</p>
<% unless @error == "" %>
<%= @error %>
<% end %>
- <label>Fiend's email</label>
- <input type="text" name="email[]"><label class="error"></label>
+ <label>Friend's email</label>
+ <input type="text" name="email[]" class="referencesEmails"><label class="error"></label>
+ <label>Friend's email</label>
+ <input type="text" name="email[]" class="referencesEmails"><label class="error"></label>
+ <label>Friend's email</label>
+ <input type="text" name="email[]" class="referencesEmails"><label class="error"></label>
<input type="hidden" value="<%= params[:id] %>" name="id" />
- <input type="submit" value="Add invitees" />
- <input type="button" value="Skip" onclick="alert('add script to close box');" />
+ <div class="left"><a class="button" id="button-review" ><span>Invite friends</span></a></div>
</form>
<%= javascript_include_tag "jquery-1.5.2.min.js" %>
@@ -0,0 +1,21 @@
+form#referencesForm
+{
+
+}
+form#referencesForm label
+{
+ display: block;
+ font-weight: bold;
+ font-size: 1.2em;
+ margin-bottom: 5px;
+}
+form#referencesForm input.referencesEmails
+{
+ display: block;
+ font-size: 1.2em;
+ margin-bottom: 20px;
+ border: 1px solid #B5B5B5;
+ background-color: white;
+ width: 300px;
+ padding: 10px;
+}

0 comments on commit 3b96635

Please sign in to comment.