Merge pull request #255 from rubymonsters/av-edit-event-style

Change style of edit event form

Author: juopmu

app/assets/stylesheets/application.css

@@ -136,7 +136,18 @@ body {
 
 fieldset {
   border: none;
-  border-top: 1px solid #777777;
+  margin-top: 20px;
+}
+
+fieldset.form-border {
+  border: 1px solid #ddd;
+  border-radius: 25px;
+}
+
+legend.form-title {
+  text-align: center;
+  color: #1e64b4;
+  font-size: 18px;
 }
 
 input[type=text] {

app/views/admin/events/edit.html.erb

@@ -1,7 +1,8 @@
 <%= render partial: "event_menu" if  @event.persisted? %>
 
 <%= form_for [:admin, @event] do |f| %>
-<fieldset>
+<fieldset class="form-border">
+  <legend class="form-title">Workshop</legend>
   <p><%= f.label(:name, "Name") %></p>
   <%= error_message(@event, :name) %>
   <p><%= f.text_field :name %></p>
@@ -21,7 +22,9 @@
   <p><%= f.label(:end_time, "Workshop ends at:") %></p>
   <%= error_message(@event, :end_time) %>
   <p><%= f.time_select :end_time %></p>
-
+</fieldset>
+<fieldset class="form-border">
+  <legend class="form-title">Coach the Coaches</legend>
   <p><%= f.label(:coach_the_coaches_date, "Coach the Coaches date:") %></p>
   <%= error_message(@event, :coach_the_coaches_date) %>
   <p><%= f.date_select :coach_the_coaches_date %></p>
@@ -33,7 +36,9 @@
   <p><%= f.label(:coach_the_coaches_end_time, "Coach the coaches ends at:") %></p>
   <%= error_message(@event, :coach_the_coaches_end_time) %>
   <p><%= f.time_select :coach_the_coaches_end_time %></p>
-
+</fieldset>
+<fieldset class="form-border">
+  <legend class="form-title">Installation Get-Together</legend>
   <p><%= f.label(:installation_get_together_date, "Installation Get-Together date:") %></p>
   <%= error_message(@event, :installation_get_together_date) %>
   <p><%= f.date_select :installation_get_together_date %></p>
@@ -45,7 +50,9 @@
   <p><%= f.label(:installation_get_together_end_time, "Installation Get-Together ends at:") %></p>
   <%= error_message(@event, :installation_get_together_end_time) %>
   <p><%= f.time_select :installation_get_together_end_time %></p>
-
+</fieldset>
+<fieldset class="form-border">
+  <legend class="form-title">Registrations</legend>
   <p><%= f.label(:application_start, "Applications start on:") %></p>
   <%= error_message(@event, :application_start) %>
   <p><%= f.date_select :application_start %></p>
@@ -74,9 +81,9 @@
   <%= error_message(@event, :copy_templates_from_event_id) %>
   <p><%= f.collection_select(:copy_templates_from_event_id, Event.order(:scheduled_at), :id, :name_and_date, prompt: "Leave templates empty") %></p>
   <% end %>
-
 </fieldset>
 
+<br>
 <div class='button'>
   <%= f.submit "Save", class: 'commit', type: 'submit' %>
 </div>