summaryrefslogtreecommitdiffstats
path: root/webapp/src/components/DataTable.vue
diff options
context:
space:
mode:
authorUdo Walter2019-03-22 06:08:15 +0100
committerUdo Walter2019-03-22 06:08:15 +0100
commit8ea199eef0c9fd818ef62361cf59ac61fdb20691 (patch)
tree5b27560f9a346c791fe5bcd07ec4b6ae40ea0fae /webapp/src/components/DataTable.vue
parent[webapp] add back to top button + log improvements (diff)
downloadbas-8ea199eef0c9fd818ef62361cf59ac61fdb20691.tar.gz
bas-8ea199eef0c9fd818ef62361cf59ac61fdb20691.tar.xz
bas-8ea199eef0c9fd818ef62361cf59ac61fdb20691.zip
[webapp] small design fixes
Diffstat (limited to 'webapp/src/components/DataTable.vue')
-rw-r--r--webapp/src/components/DataTable.vue10
1 files changed, 8 insertions, 2 deletions
diff --git a/webapp/src/components/DataTable.vue b/webapp/src/components/DataTable.vue
index 8280abf..facf2aa 100644
--- a/webapp/src/components/DataTable.vue
+++ b/webapp/src/components/DataTable.vue
@@ -71,8 +71,8 @@
</v-tooltip>
</div>
- <div :class="{ 'text-xs-center': rowCount === undefined, 'text-xs-right': rowCount !== undefined }">
- <span class="nowrap">{{ filteredRows.length + ' ' + $t('entries') }}</span>
+ <div class="entry-count" :style=" { 'justify-content': rowCount === undefined ? 'center' : 'flex-end' }">
+ <span class="nowrap" :style="{ 'margin': noSelect ? '0' : '0 4px' }">{{ filteredRows.length + ' ' + $t('entries') }}</span>
<span v-if="!noSelect" class="nowrap">{{ '(' + selected.length + ' ' + $t('selected') + ')' }}</span>
</div>
@@ -424,6 +424,12 @@ export default {
align-items: stretch;
}
+.entry-count {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+}
+
.rowcount-select {
padding: 0;
display: inline-block;