fix content item spacings

ahmedhamidawan · Feb 12, 2024 · 6f1478c · 6f1478c
1 parent 099f429
commit 6f1478c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/client/src/components/History/Content/ContentItem.vue b/client/src/components/History/Content/ContentItem.vue
@@ -84,15 +84,15 @@
             :elements-datatypes="item.elements_datatypes" />
         <StatelessTags
             v-if="!tagsDisabled || hasTags"
-            class="px-2"
+            class="px-2 pb-2"
             :value="tags"
             :disabled="tagsDisabled"
             :clickable="filterable"
             :use-toggle-link="false"
             @input="onTags"
             @tag-click="onTagClick" />
         <!-- collections are not expandable, so we only need the DatasetDetails component here -->
-        <b-collapse :visible="expandDataset">
+        <b-collapse :visible="expandDataset" class="px-2 pb-2">
             <DatasetDetails
                 v-if="expandDataset && item.id"
                 :id="item.id"
@@ -304,7 +304,6 @@ export default {
 
 .content-item {
     cursor: default;
-    container-type: inline-size;
 
     .name {
         word-break: break-all;

diff --git a/client/src/components/History/Content/Dataset/DatasetDetails.vue b/client/src/components/History/Content/Dataset/DatasetDetails.vue
@@ -42,7 +42,7 @@ function toggleHighlights() {
 <template>
     <div>
         <div v-if="result && !isLoading" class="dataset">
-            <div class="p-2 details not-loading">
+            <div class="details not-loading">
                 <div class="summary">
                     <div v-if="stateText" class="mb-1">{{ stateText }}</div>
                     <div v-else-if="result.misc_blurb" class="blurb">