improve ui for bike display & edit pages

app/views/bikes/_fields.html.erb

@@ -2,29 +2,28 @@
 
 <div class="form-group">
   <%= f.label "Bike Entry Date:", class: "col-sm-2 control-label" %>
-  <div class="col-sm-6">
-    <%= f.text_field :entry_date, class: "form-control datepicker", disabled: disabled %>
+  <div class="col-sm-10">
+    <%= f.text_field :entry_date, class: "form-control", disabled: disabled %>
   </div>
 </div>
 
 <div class="form-group">
   <%= f.label "Brand:", class: "col-sm-2 control-label"   %>
-  <div class="col-sm-6">
+  <div class="col-sm-10">
     <%= f.text_field :brand, class: "form-control", disabled: disabled %>
   </div>
 </div>
 
 <div class="form-group">
   <%= f.label "Model:", class: "col-sm-2 control-label" %>
-
-  <div class="col-sm-6">
+  <div class="col-sm-10">
     <%= f.text_field :model, class: "form-control", disabled: disabled %>
   </div>
 </div>
 
 <div class="form-group">
   <%= f.label "Type:", class: "col-sm-2 control-label" %>
-  <div class="col-sm-6">
+  <div class="col-sm-10">
     <%= f.text_field :bike_type, class: "form-control", disabled: disabled %>
   </div>
 </div>
@@ -41,42 +40,42 @@
 
 <div class="form-group">
   <%= f.label "Serial Number", class: "col-sm-2 control-label" %>
-  <div class="col-sm-6">
+  <div class="col-sm-10">
     <%= f.text_field :serial_number, class: "form-control", disabled: disabled  %>
   </div>
 </div>
 
 <div class="form-group">
   <%= f.label "Notes", class: "col-sm-2 control-label" %>
-  <div class="col-sm-6">
+  <div class="col-sm-10">
     <%= f.text_area :notes, class: "form-control", disabled: disabled  %>
   </div>
 </div>
 
 <div class="form-group">
   <%= f.label "Tag Info", class: "col-sm-2 control-label" %>
-  <div class="col-sm-6">
+  <div class="col-sm-10">
     <%= f.text_area :tag_info, class: "form-control", disabled: disabled  %>
   </div>
 </div>
 
 <div class="form-group">
   <%= f.label "Repaired by:", class: "col-sm-2 control-label" %>
-  <div class="col-sm-6">
+  <div class="col-sm-10">
     <%= f.text_field :repaired_by, class: "form-control", disabled: disabled  %>
   </div>
 </div>
 
 <div class="form-group">
   <%= f.label "Completion Date:", class: "col-sm-2 control-label" %>
-  <div class="col-sm-6">
+  <div class="col-sm-10">
     <%= f.text_field :completion_date, class: "form-control datepicker", disabled: disabled  %>
   </div>
 </div>
 
 <div class="form-group">
   <%= f.label "Price", class: "col-sm-2 control-label" %>
-  <div class="col-sm-6">
+  <div class="col-sm-10">
     <%= f.text_field :price, class: "form-control", disabled: disabled  %>
   </div>
 </div>

app/views/bikes/_form.html.erb

@@ -1,3 +1,4 @@
+<div class="container">
   <%= form_for @bike, html: {class: 'form-horizontal'} do |f| %>
     <% if @bike.errors.any? %>
       <div id="error_explanation">
@@ -13,7 +14,10 @@
   
     <%= render 'fields', f: f %>
   
+    <div class="row">
       <div class="actions col-sm-offset-2">
         <%= f.submit class: "btn btn-default" %>
       </div>
+    </div>
   <% end %>
+</div>

app/views/bikes/edit.html.erb

@@ -1,6 +1,8 @@
+<div class="container">
   <h1>Editing bike</h1>
   
   <%= render 'form' %>
   
   <%= link_to 'Show', @bike %> |
   <%= link_to 'Back', bikes_path %>
+</div>

app/views/bikes/index.html.erb

@@ -1,3 +1,5 @@
+<div class="container">
+
   <h1>Listing bikes</h1>
 
   <table class="table table-striped table-bordered table-hover">
@@ -10,7 +12,6 @@
         <th></th>
       </tr>
     </thead>
-
     <tbody>
       <% @bikes.each do |bike| %>
         <tr>
@@ -25,5 +26,5 @@
   </table>
   
   <br>
-
-<%= link_to ' + Log Bike', new_bike_path %>
+  <%= link_to ' + Log Bike', new_bike_path, class: "btn btn-default" %>
+</div>

app/views/bikes/show.html.erb

@@ -1,3 +1,4 @@
+<div class="container">
   <p id="notice"><%= notice %></p>
   <%= form_for(@bike) do |f| %>
     <%= render 'fields', f: f, disabled: true %>
@@ -5,3 +6,4 @@
   
   <%= link_to 'Edit', edit_bike_path(@bike) %> |
   <%= link_to 'Back', bikes_path %>
+</div>