fix(ui): nodes table header from breaking line (#3738)

Co-authored-by: Daniel Lando <[email protected]>
zwave-js · Jun 3, 2024 · 93e4ecf · 93e4ecf
1 parent 478f1b6
commit 93e4ecf
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 2 deletions.
diff --git a/src/components/nodes-table/ColumnFilter.vue b/src/components/nodes-table/ColumnFilter.vue
@@ -7,6 +7,7 @@
 				v-bind="attrs"
 				v-on="on"
 				title="Filter options..."
+				style="padding-right: 2px; padding-bottom: 3px"
 			>
 				{{ hasFilter ? 'filter_list_alt' : 'filter_list' }}
 			</v-icon>

diff --git a/src/components/nodes-table/index.vue b/src/components/nodes-table/index.vue
@@ -15,7 +15,7 @@
 		@input="managedNodes.selected = $event"
 		@click:row="toggleExpanded($event)"
 		item-key="id"
-		class="elevation-1"
+		class="elevation-1 nodes-table"
 		show-expand
 		show-select
 		:search="search"
@@ -134,7 +134,7 @@
 					@change="managedNodes.setPropFilter(column.value, $event)"
 					@update:group-by="managedNodes.groupBy = $event"
 				></column-filter>
-				{{ header.text }}
+				<span style="padding-right: 1px">{{ header.text }}</span>
 			</span>
 		</template>
 		<template
@@ -327,3 +327,18 @@
 </template>
 <script src="./nodes-table.js"></script>
 <style scoped src="./nodes-table.css"></style>
+<style>
+.nodes-table {
+	table {
+		tr {
+			th {
+				white-space: nowrap;
+			}
+			th,
+			td {
+				padding: 0 8px !important;
+			}
+		}
+	}
+}
+</style>