From 9d1bfa39517bcd3bad41f0f221f5206203346f1c Mon Sep 17 00:00:00 2001
From: Rick Barrette <rickbarrette@gmail.com>
Date: Wed, 27 Apr 2016 12:54:59 -0400
Subject: [PATCH] Update _details.html.erb

---
 app/views/vehicles/_details.html.erb | 84 +++++++++++++---------------
 1 file changed, 40 insertions(+), 44 deletions(-)

diff --git a/app/views/vehicles/_details.html.erb b/app/views/vehicles/_details.html.erb
index 3494986..cc2411e 100644
--- a/app/views/vehicles/_details.html.erb
+++ b/app/views/vehicles/_details.html.erb
@@ -1,47 +1,43 @@
-<div style="width: 100%; display: table;">
-  <div style="display: table-row">
-    <div style="width: 600px; display: table-cell;">
-
-      <div class="attributes">
-        <div class="customer attribute">
-          <div class="label"><span>Customer</span>:</div>
-          <div class="value"><%= @customer %></div>
-        </div>
+<table class="attributes>
+  <tbody>
+    <tr>
+      <th>Customer</th>
+      <td><%= @customer %></td>
+    </tr>
+    
+    <tr>
+      <th>Vehicle</th>
+      <td><%= @vehicle.to_s %></td>
+    </tr>
+    
+    <tr>
+      <th>VIN</th>
+      <td><%= @vehicle.vin %></td>
+    </tr>
+    
+    <tr>
+      <th>Style</th>
+      <td><%= @style %></td>
+    </tr>
+    
+    <tr>
+      <th>Drive</th>
+      <td><%= @drive %></td>
+    </tr>
+    
+    <tr>
+      <th>Doors</th>
+      <td><%= @doors %></td>
+    </tr>
   
-        <div class="vehicle attribute">
-            <div class="label"><span>Vehicle</span>:</div>
-            <div class="value"><%= @vehicle.to_s %></div>
-        </div>
-  
-        <div class="vin attribute">
-          <div class="label"><span>VIN</span>:</div>
-          <div class="value"><%= @vehicle.vin %></div>
-        </div>
-
-        <div class="style attribute">
-          <div class="label"><span>Style</span>:</div>
-          <div class="value"><%= @style %></div>
-        </div>
-  
-        <div class="drive attribute">
-            <div class="label"><span>Drive</span>:</div>
-            <div class="value"><%= @drive %></div>
-        </div>
-  
-        <div class="doors attribute">
-            <div class="label"><span>Doors</span>:</div>
-            <div class="value"><%= @doors %></div>
-        </div>
-  
-        <div class="notes">
-          <div class="label"><span>Notes:</span></div>
-          <div class="value"><%= @vehicle.notes %></div>
-        </div>
-    </div>
-
-    <div style="display: table-cell;">
+    <tr>
+      <th>Notes</th>
+      <td><%= @vehicle.notes %></td>
+    </tr>
+    
+    <tr>
       <%= button_to "Edit", edit_vehicle_path(@vehicle), method: :get%> 
       <%= button_to "Delete", @vehicle, method: :delete, data: {confirm: "You sure?"} %> 
-    </div>
-  </div>
-</div>
+    </tr>
+  </tbody>
+</table>