From e26a8259dbe879d722d5e619f9d6efe0b113d1cd Mon Sep 17 00:00:00 2001
From: Sawyer Bergeron <sawyerbergeron@gmail.com>
Date: Tue, 4 Dec 2018 15:30:42 -0500
Subject: Abstract Out Inline CSS for Account Views

Change-Id: I2da02fa7865b618c583d15cca9ef256c62f19286
Signed-off-by: Sawyer Bergeron <sawyerbergeron@gmail.com>
---
 src/templates/account/booking_list.html | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

(limited to 'src/templates/account/booking_list.html')

diff --git a/src/templates/account/booking_list.html b/src/templates/account/booking_list.html
index ef4df3a..4cd1408 100644
--- a/src/templates/account/booking_list.html
+++ b/src/templates/account/booking_list.html
@@ -17,7 +17,7 @@ function edit_booking(pk){
 </script>
 <h2>Bookings I Own</h2>
     {% for booking in bookings %}
-        <div style="border:2px;border-style:solid;border-color:grey;margin:5px">
+        <div class="detail_card">
             <ul>
             <li>id: {{booking.id}}</li>
             <li>lab: {{booking.resource.template.lab.lab_user.username}}</li>
@@ -26,15 +26,15 @@ function edit_booking(pk){
             <li>end: {{booking.end}}</li>
             <li>purpose: {{booking.purpose}}</li>
             </ul>
-            <div style="display:inline;margin:3px;padding:3px">
-                <button onclick="edit_booking({{booking.id}});">Edit</button>
-                <button onclick="location.href='/booking/detail/{{booking.id}}/';">Details</button>
+            <div class="detail_btn_group">
+                <button class="btn" onclick="edit_booking({{booking.id}});">Edit</button>
+                <button class="btn" onclick="location.href='/booking/detail/{{booking.id}}/';">Details</button>
             </div>
         </div>
     {% endfor %}
 <h2>Bookings I Collaborate On</h2>
     {% for booking in collab_bookings %}
-        <div style="border:2px;border-style:solid;border-color:grey;margin:5px">
+        <div class="detail_card">
             <ul>
             <li>id: {{booking.id}}</li>
             <li>lab: {{booking.lab}}</li>
@@ -43,9 +43,9 @@ function edit_booking(pk){
             <li>end: {{booking.end}}</li>
             <li>purpose: {{booking.purpose}}</li>
             </ul>
-            <div style="display:inline;margin:3px;padding:3px">
-                <button disabled=true onclick="edit_booking({{booking.id}});">Edit</button>
-                <button onclick="location.href='/booking/detail/{{booking.id}}/';">Details</button>
+            <div class="detail_btn_group">
+                <button class="btn" disabled=true onclick="edit_booking({{booking.id}});">Edit</button>
+                <button class="btn" onclick="location.href='/booking/detail/{{booking.id}}/';">Details</button>
             </div>
         </div>
     {% endfor %}
-- 
cgit 1.2.3-korg