From b4caa2de1f0cbde9c7256ecc5bd8f46c3540d64b Mon Sep 17 00:00:00 2001
From: Cleopatra Enjeck M <patrathewhiz@gmail.com>
Date: Fri, 29 Dec 2023 18:05:28 +0100
Subject: [PATCH 1/3] style: increase smartpicker select height

Signed-off-by: Cleopatra Enjeck M <patrathewhiz@gmail.com>
---
 src/views/sections/Search.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/views/sections/Search.vue b/src/views/sections/Search.vue
index 3a66c8a7b..3b0c0fd9e 100644
--- a/src/views/sections/Search.vue
+++ b/src/views/sections/Search.vue
@@ -21,6 +21,7 @@
 <template>
 	<div>
 		<NcSelect
+			id="smartpicker-select"
 			v-model="localValue"
 			:loading="loading"
 			:placeholder="t('tables', 'Search for table and views...')"
@@ -138,5 +139,8 @@ export default {
 	:deep(.v-select.select) {
 		width: 100%;
 	}
+	:deep(#smartpicker-select input[type=search]) {
+		height: 46px;
+	}
 
 </style>

From da9daf94999eb0f16f9542954140ea91c63acde5 Mon Sep 17 00:00:00 2001
From: Cleopatra Enjeck M <patrathewhiz@gmail.com>
Date: Wed, 3 Jan 2024 09:05:03 +0100
Subject: [PATCH 2/3] style: improve alignment

Signed-off-by: Cleopatra Enjeck M <patrathewhiz@gmail.com>
---
 src/views/sections/Search.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/views/sections/Search.vue b/src/views/sections/Search.vue
index 3b0c0fd9e..db565f2ff 100644
--- a/src/views/sections/Search.vue
+++ b/src/views/sections/Search.vue
@@ -139,8 +139,14 @@ export default {
 	:deep(.v-select.select) {
 		width: 100%;
 	}
+
 	:deep(#smartpicker-select input[type=search]) {
-		height: 46px;
+		height: 41px;
+	}
+
+	:deep(#smartpicker-select .details) {
+		display: inline-flex;
+		align-items: self-start;
 	}
 
 </style>

From ae5da212868b3e012b8b6745b0e3e9ed33ba2ad3 Mon Sep 17 00:00:00 2001
From: Florian Steffens <florian.steffens@nextcloud.com>
Date: Mon, 8 Jan 2024 08:45:17 +0100
Subject: [PATCH 3/3] fix(design): add spacing and adjust headline size and
 weight

Signed-off-by: Florian Steffens <florian.steffens@nextcloud.com>
---
 src/views/partials/SearchAndSelectOption.vue | 7 +++++++
 src/views/sections/Search.vue                | 9 +++++++++
 2 files changed, 16 insertions(+)

diff --git a/src/views/partials/SearchAndSelectOption.vue b/src/views/partials/SearchAndSelectOption.vue
index d1d148389..15dd117bf 100644
--- a/src/views/partials/SearchAndSelectOption.vue
+++ b/src/views/partials/SearchAndSelectOption.vue
@@ -110,12 +110,19 @@ export default {
 		display: block;
 	}
 
+	.content .labels {
+		font-size: 1.3em;
+		font-weight: bold;
+		margin-bottom: 8px;
+	}
+
 	.content .details {
 		display: inline-flex;
 	}
 
 	:deep(.counter-bubble__counter) {
 		max-width: fit-content !important;
+		height: 100%;
 	}
 
 </style>
diff --git a/src/views/sections/Search.vue b/src/views/sections/Search.vue
index db565f2ff..e30dff81e 100644
--- a/src/views/sections/Search.vue
+++ b/src/views/sections/Search.vue
@@ -149,4 +149,13 @@ export default {
 		align-items: self-start;
 	}
 
+	:deep(#smartpicker-select .vs__selected-options) {
+		padding-top: calc(var(--default-grid-baseline) * 3);
+		padding-bottom: calc(var(--default-grid-baseline) * 3);
+	}
+
+	:deep(#smartpicker-select .vs__selected) {
+		margin-left: 0;
+	}
+
 </style>