summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/super_sidebar/components/search_results.vue
diff options
context:
space:
mode:
Diffstat (limited to 'app/assets/javascripts/super_sidebar/components/search_results.vue')
-rw-r--r--app/assets/javascripts/super_sidebar/components/search_results.vue12
1 files changed, 8 insertions, 4 deletions
diff --git a/app/assets/javascripts/super_sidebar/components/search_results.vue b/app/assets/javascripts/super_sidebar/components/search_results.vue
index b1af3070801..ff933f341af 100644
--- a/app/assets/javascripts/super_sidebar/components/search_results.vue
+++ b/app/assets/javascripts/super_sidebar/components/search_results.vue
@@ -52,7 +52,7 @@ export default {
'gl-text-left',
'gl-text-transform-uppercase',
'gl-text-secondary',
- 'gl-font-weight-bold',
+ 'gl-font-weight-semibold',
'gl-font-xs',
'gl-line-height-12',
'gl-letter-spacing-06em',
@@ -62,7 +62,6 @@ export default {
// Spacing
'gl-my-3',
'gl-pt-2',
- 'gl-w-full',
// Layout
'gl-display-flex',
'gl-justify-content-space-between',
@@ -72,17 +71,22 @@ export default {
</script>
<template>
- <li class="gl-border-t gl-border-gray-50 gl-mx-3">
+ <li class="gl-border-t gl-border-gray-50">
<button
v-collapse-toggle="collapseId"
:class="$options.buttonClasses"
+ class="gl-mx-3"
data-testid="search-results-toggle"
>
{{ title }}
<gl-icon :name="collapseIcon" :size="16" />
</button>
<gl-collapse :id="collapseId" v-model="expanded">
- <div v-if="isEmpty" data-testid="empty-text" class="gl-text-gray-500 gl-font-sm gl-mb-3">
+ <div
+ v-if="isEmpty"
+ data-testid="empty-text"
+ class="gl-text-gray-500 gl-font-sm gl-mb-3 gl-mx-4"
+ >
{{ noResultsText }}
</div>
<items-list :aria-label="title" :items="searchResults">