more tweaks to styles

nasa-jpl · Sep 15, 2024 · 71e3715 · 71e3715
1 parent 6b95247
commit 71e3715
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 5 deletions.
diff --git a/packages/vue/src/components/SearchFilterGroup/SearchFilterGroup.vue b/packages/vue/src/components/SearchFilterGroup/SearchFilterGroup.vue
@@ -51,7 +51,7 @@
                 <span class="font-extrabold">{{
                   prettyFilterNames(bucket.key_as_string ? bucket.key_as_string : bucket.key)
                 }}</span>
-                <span class="text-gray-mid-dark font-normal">
+                <span class="text-gray-mid-dark font-normal text-sm">
                   ({{ bucket.doc_count.toLocaleString() }})
                 </span>
               </label>
@@ -103,7 +103,9 @@
               class="form-check-label pl-2 tracking-normal align-middle"
             >
               {{ prettyFilterNames(bucket.key_as_string ? bucket.key_as_string : bucket.key) }}
-              <span class="text-gray-mid-dark"> ({{ bucket.doc_count.toLocaleString() }}) </span>
+              <span class="text-gray-mid-dark text-sm">
+                ({{ bucket.doc_count.toLocaleString() }})
+              </span>
             </label>
           </div>
         </template>

diff --git a/...ages/vue/src/components/SearchFilterGroupAccordionItem/SearchFilterGroupAccordionItem.vue b/...ages/vue/src/components/SearchFilterGroupAccordionItem/SearchFilterGroupAccordionItem.vue
@@ -28,10 +28,10 @@ const emit = defineEmits(['filterGroupAccordionItemOpened', 'filterGroupAccordio
 </script>
 <template>
   <div
-    class="SearchFilterGroupAccordionItem border-t pt-2"
+    class="SearchFilterGroupAccordionItem border-t pt-3"
     :class="{
       '-open border-gray-light-mid  -mb-px': !isHidden,
-      'border-transparent mb-2': isHidden
+      'border-transparent mb-3': isHidden
     }"
   >
     <div class="SearchFilterGroupAccordionItemHeader flex flex-row w-full content-between">
@@ -54,7 +54,7 @@ const emit = defineEmits(['filterGroupAccordionItemOpened', 'filterGroupAccordio
     </div>
     <div
       v-show="!isHidden"
-      class="SearchFilterGroupAccordionItemContent"
+      class="SearchFilterGroupAccordionItemContent text-sm"
     >
       <div
         v-bind-once="{ id: panelId, 'aria-labelledby': headingId }"
@@ -66,3 +66,10 @@ const emit = defineEmits(['filterGroupAccordionItemOpened', 'filterGroupAccordio
     </div>
   </div>
 </template>
+<style lang="scss">
+.SearchFilterGroupAccordionItemContent {
+  input.mt-px {
+    @apply mt-0 #{!important};
+  }
+}
+</style>