Use flexboxes everywhere

This commit is contained in:
Joel Collins 2018-11-20 13:56:39 +00:00
parent ede218ccc3
commit 0e76ae673a
3 changed files with 42 additions and 24 deletions

View file

@ -77,18 +77,16 @@ function updateCaptureList(response) {
// Generate inner HTML from capture object
html = `
<div class="clearfix">
<div class="left-col"><img src="${element_uri}/download?thumbnail=true"></div>
<div class="right-col">
<b>${element.filename}</b>
<br>
<button type="button" onclick="window.open('${element_uri}/download', '_blank');">View</button>
<button type="button" onclick="window.open('${element_uri}/download?as_attachment=true');">Download</button>
<br>
<button type="button" onclick="window.open('${element_uri}/', '_blank');">JSON</button>
<button type="button" onclick="deleteCapture('${element.id}');">Delete</button>
<br>
</div>
<div class="capture-thumb"><img src="${element_uri}/download?thumbnail=true"></div>
<div class="capture-actions">
<b>${element.filename}</b>
<br>
<button type="button" onclick="window.open('${element_uri}/download', '_blank');">View</button>
<button type="button" onclick="window.open('${element_uri}/download?as_attachment=true');">Download</button>
<br>
<button type="button" onclick="window.open('${element_uri}/', '_blank');">JSON</button>
<button type="button" onclick="deleteCapture('${element.id}');">Delete</button>
<br>
</div>
`