Move collapse button into footer of card that it will collapse

This commit is contained in:
Jan Philipp Timme 2017-12-30 01:25:57 +01:00
parent 6cc1e3eee2
commit acb5184bd3
1 changed files with 6 additions and 7 deletions

View File

@ -62,13 +62,7 @@
</div> </div>
</div> <!-- card-body --> </div> <!-- card-body -->
</div> <!-- card --> <div class="card-footer" style="padding:0;">
<br>
<!-- Diagram card -->
<div class="card" id="diagram-card">
<div class="card-header" style="padding:0;">
<div id="toggle-btn"> <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)"> <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 "/> <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> </svg>
</div> </div>
</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-body" id="race-infobox"><!-- Race info box automatically filled by JS.--></div> <!-- card-body -->
<div class="card-footer text-muted"> <div class="card-footer text-muted">