Use bootstrap row-cols-* classes to keep card list view full width

This commit is contained in:
Michael Shamoon
2020-12-15 14:31:18 -08:00
parent 7dce57b9f7
commit 677cfb7a1e
2 changed files with 4 additions and 4 deletions

View File

@@ -1,4 +1,4 @@
<div class="col p-2 h-100" style="width: 16rem;">
<div class="col p-2 h-100">
<div class="card h-100 shadow-sm">
<div class="border-bottom">
<img class="card-img doc-img" [src]="getThumbUrl()">
@@ -22,7 +22,7 @@
</div>
<div class="card-footer">
<div class="d-flex justify-content-between align-items-center ml-n2">
<div class="d-flex justify-content-between align-items-center mx-n2">
<div class="btn-group">
<a routerLink="/documents/{{document.id}}" class="btn btn-sm btn-outline-secondary" title="Edit">
<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-pencil" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
@@ -42,7 +42,7 @@
</svg>
</a>
</div>
<small class="text-muted">{{document.created | date}}</small>
<small class="text-muted pl-1">{{document.created | date}}</small>
</div>
</div>