Use icons instead of text labels for the buttons

This commit is contained in:
Paul van Tilburg 2017-12-30 16:47:21 +01:00
parent 99619d9e44
commit 1f4beab939
1 changed files with 12 additions and 5 deletions

View File

@ -23,17 +23,19 @@
<h1 class= "mb-0">
<span id="list-name">{{ list.name }}</span>
<button class="btn btn-dark btn-sm float-right mt-2 list-edit-button">
Bewerk
<i class="fas fa-edit"></i>
</button>
<div class="btn-group mt-2 float-right" role="group" aria-label="Edit buttons">
<button class="btn btn-light btn-sm list-cancel-button">
Annuleren
<i class="fas fa-ban"></i>
</button>
<button class="btn btn-dark btn-sm list-save-button">
Opslaan
<i class="fas fa-save"></i>
</button>
</div>
<button class="btn btn-light btn-sm float-right mr-2 mt-2 list-edit-help">?</button>
<button class="btn btn-light btn-sm float-right mr-2 mt-2 list-edit-help">
<i class="fas fa-question-circle"></i>
</button>
</h1>
</div>
<div class="card-body">
@ -64,7 +66,12 @@ Horizontale lijn<pre>"></textarea>
</div>
</div>
<div class="card-footer">
<p class="card-text"><i><small class="list-updated-at"></small></i></p>
<p class="card-text">
<small>
<i class="fas fa-clock"></i>
<i class="list-updated-at"></i>
</small>
</p>
</div>
</div>
{% endfor %}