From acb5184bd30a80d4307050ca097542955463bf25 Mon Sep 17 00:00:00 2001
From: Jan Philipp Timme <jan.philipp@timme.it>
Date: Sat, 30 Dec 2017 01:25:57 +0100
Subject: [PATCH] Move collapse button into footer of card that it will
 collapse

---
 index.html | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/index.html b/index.html
index c153711..8d914e8 100644
--- a/index.html
+++ b/index.html
@@ -62,13 +62,7 @@
           </div>
 
         </div> <!-- card-body -->
-      </div> <!-- card -->
-
-      <br>
-
-      <!-- Diagram card -->
-      <div class="card" id="diagram-card">
-        <div class="card-header" style="padding:0;">
+        <div class="card-footer" style="padding:0;">
           <div id="toggle-btn">
             <svg id="icon-up-arrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 120 120" xml:space="preserve" transform="rotate(-90)">
               <polygon fill="#010101" points="102.296,59.957 42.264,119.99 25.605,103.34 85.639,43.299 "/>
@@ -76,7 +70,12 @@
             </svg>
           </div>
         </div>
+      </div> <!-- card -->
 
+      <br>
+
+      <!-- Diagram card -->
+      <div class="card" id="diagram-card">
         <div class="card-body" id="race-infobox"><!-- Race info box automatically filled by JS.--></div> <!-- card-body -->
 
         <div class="card-footer text-muted">