From 2b5e871e876e58df671e2eeae70e1daec32a085d Mon Sep 17 00:00:00 2001
From: Sergei Ten <sten@box.com>
Date: Tue, 18 Feb 2025 12:02:16 -0800
Subject: [PATCH] fix(item-details): Ensure "Extend" is beside disposition date
 in sidebar

---
 src/features/item-details/ItemProperties.scss       | 12 ++++++++++--
 .../item-details/__tests__/ItemProperties.test.js   | 13 +++++++++++++
 .../__snapshots__/ItemProperties.test.js.snap       | 13 +++++++++++++
 3 files changed, 36 insertions(+), 2 deletions(-)

diff --git a/src/features/item-details/ItemProperties.scss b/src/features/item-details/ItemProperties.scss
index 40d31e6071..8c1a1d5faa 100644
--- a/src/features/item-details/ItemProperties.scss
+++ b/src/features/item-details/ItemProperties.scss
@@ -21,7 +21,11 @@
         background-color: transparent;
         border-color: transparent;
         box-shadow: none;
-        transition: background-color .2s, border-color .2s, margin-left .2s, padding .2s;
+        transition:
+            background-color .2s,
+            border-color .2s,
+            margin-left .2s,
+            padding .2s;
         resize: none;
 
         &:hover {
@@ -48,7 +52,10 @@
             padding: 0;
             border: none;
             box-shadow: none;
-            transition: border .2s, height .2s, padding .2s;
+            transition:
+                border .2s,
+                height .2s,
+                padding .2s;
 
             &:focus {
                 height: 32px;
@@ -59,6 +66,7 @@
     }
 
     .bdl-RetentionLink {
+        display: inline;
         margin-left: 4px;
     }
 
diff --git a/src/features/item-details/__tests__/ItemProperties.test.js b/src/features/item-details/__tests__/ItemProperties.test.js
index af71543b61..64c3072e98 100644
--- a/src/features/item-details/__tests__/ItemProperties.test.js
+++ b/src/features/item-details/__tests__/ItemProperties.test.js
@@ -74,4 +74,17 @@ describe('features/item-details/ItemProperties', () => {
 
         expect(wrapper).toMatchSnapshot();
     });
+
+    test('should render retention policy details when specified', () => {
+        const wrapper = getWrapper({
+            retentionPolicyProps: {
+                dispositionTime: 1741475146,
+                openModal: () => {},
+                policyType: 'finite',
+                retentionPolicyDescription: 'Test Description',
+            },
+        });
+
+        expect(wrapper).toMatchSnapshot();
+    });
 });
diff --git a/src/features/item-details/__tests__/__snapshots__/ItemProperties.test.js.snap b/src/features/item-details/__tests__/__snapshots__/ItemProperties.test.js.snap
index 6f2f3272ee..5f465ac858 100644
--- a/src/features/item-details/__tests__/__snapshots__/ItemProperties.test.js.snap
+++ b/src/features/item-details/__tests__/__snapshots__/ItemProperties.test.js.snap
@@ -214,3 +214,16 @@ exports[`features/item-details/ItemProperties should render readonly url when on
   <RetentionPolicy />
 </dl>
 `;
+
+exports[`features/item-details/ItemProperties should render retention policy details when specified 1`] = `
+<dl
+  className="item-properties"
+>
+  <RetentionPolicy
+    dispositionTime={1741475146}
+    openModal={[Function]}
+    policyType="finite"
+    retentionPolicyDescription="Test Description"
+  />
+</dl>
+`;