From 6c24f7e099720c52be76dfd7d98c07aceb21bcb2 Mon Sep 17 00:00:00 2001
From: dwithana <dwithana@iu.edu>
Date: Thu, 20 Feb 2025 09:57:55 -0500
Subject: [PATCH] Add column 'lg' breakpoint for player/tabs column layout in
 item-view

---
 app/javascript/components/MediaObjectRamp.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/javascript/components/MediaObjectRamp.jsx b/app/javascript/components/MediaObjectRamp.jsx
index 02325a4f51..55292e6852 100644
--- a/app/javascript/components/MediaObjectRamp.jsx
+++ b/app/javascript/components/MediaObjectRamp.jsx
@@ -72,7 +72,7 @@ const Ramp = ({
       startCanvasId={startCanvasId}
       startCanvasTime={startCanvasTime}>
       <Row className="ramp--all-components ramp--itemview">
-        <Col sm={12} md={9}>
+        <Col sm={12} md={9} lg={8}>
           {(cdl.enabled && !cdl.can_stream)
             ? (<React.Fragment>
                 <div dangerouslySetInnerHTML={{ __html: cdl.embed }} />
@@ -161,7 +161,7 @@ const Ramp = ({
             )
           }
         </Col>
-        <Col sm={12} md={3} className="ramp--tabs-panel">
+        <Col sm={12} md={3} lg={4} className="ramp--tabs-panel">
           {cdl.enabled && <div dangerouslySetInnerHTML={{ __html: cdl.destroy }} />}
           <Tabs>
             <Tab eventKey="details" title="Details">