change wording and make form more stylish

app/helpers/strikes_helper.rb

@@ -1,5 +1,5 @@
 module StrikesHelper
   def strike_summary(strike)
-    "#{strike.organisation} Streik vom #{d strike.start_on} bis #{d strike.end_on}"
+    "#{strike.organisation}: bestreikt vom #{d strike.start_on} bis #{d strike.end_on}"
   end
 end

app/views/strikes/_form.erb

@@ -1,18 +1,20 @@
-<table>
-  <tr>
-    <td>Es streikt</td>
-    <td><%= f.text_field :organisation %></td>
-  </tr>
-  <tr>
-    <td>Erster Tag</td>
-    <td><%= date_text_field f, :start_on %></td>
-  </tr>
-  <tr>
-    <td>Letzter Tag</td>
-    <td><%= date_text_field f, :end_on %></td>
-  </tr>
-  <tr>
-    <td>Kommentar</td>
-    <td><%= f.text_area :comment, :size => '40x3' %></td>
-  </tr>
-</table>
+<label>Es wird bestreikt</label>
+<%= f.text_field :organisation %><br/>
+
+<div>
+  <div class="date_wrapper">
+    <label>Erster Tag</label>
+    <%= date_text_field f, :start_on %><br/>
+  </div>
+  <div class="date_wrapper">
+    <label>Letzter Tag</label>
+    <%= date_text_field f, :end_on %><br/>
+  </div>
+  <%= clearer %>
+</div>
+
+<label>Folgen </label>
+<div class="label_details">
+  (z.B. Zugausfälle in Berlin von 9:00 bis 10:00)
+</div>
+<%= f.text_area :comment, :size => '60x5' %><br/>

app/views/strikes/edit.erb

@@ -1,6 +1,6 @@
 <h1>Streik ändern</h1>
 
-<% form_for @strike do |f| %>
+<% form_for @strike, :html => {:class => "full_form"} do |f| %>
   <%= render 'form', :f => f %>
   <%= submit_tag 'Ändern' %>
 <% end %>

app/views/strikes/new.erb

@@ -1,6 +1,6 @@
 <h1>Neuen Streik eintragen</h1>
 
-<% form_for @strike do |f| %>
+<% form_for @strike, :html => {:class => "full_form"}  do |f| %>
   <%= render 'form', :f => f %>
   <%= submit_tag 'Streik eintragen' %>
 <% end %>

public/stylesheets/application.css

@@ -8,7 +8,7 @@ body {
 }
 
 h1{
-  font-size: 20px;
+  font-size: 25px;
   margin: 5px 0;
   padding: 2px 5px 5px 5px;
   background: white;
@@ -34,6 +34,10 @@ table.top_aligned td{
   vertical-align: top;
 }
 
+input{
+  font-size: 20px;
+}
+
 #title{
   font-family: Verdana, sans-serif;
   font-size: 100px;
@@ -116,3 +120,26 @@ table.top_aligned td{
   /* For IE 5.5 - 7 */
   filter: progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=135, Color='#000000');
 }
+
+.full_form label{
+  margin-top: 12px;
+  display: block;
+  font-size: 20px;
+}
+
+.full_form input{
+  font-size: 20px;
+}
+
+.full_form input[type=submit]{
+  margin-top: 20px;
+}
+
+.full_form .datepicker{
+  width: 120px;
+}
+
+.full_form .date_wrapper{
+  width: 160px;
+  float: left;
+}