From b9a4fbd95b257d1d24f8591a354443a5ffa38558 Mon Sep 17 00:00:00 2001
From: Daniel Heppner <daniel.heppner@ibigroup.com>
Date: Tue, 9 Nov 2021 13:26:09 -0800
Subject: [PATCH] fix(narrative): remove absolute positioning from narrative
 results pane

---
 lib/components/app/call-taker-panel.js | 7 +------
 lib/components/narrative/narrative.css | 2 +-
 2 files changed, 2 insertions(+), 7 deletions(-)

diff --git a/lib/components/app/call-taker-panel.js b/lib/components/app/call-taker-panel.js
index 5a52281e3..b8cbf62b3 100644
--- a/lib/components/app/call-taker-panel.js
+++ b/lib/components/app/call-taker-panel.js
@@ -251,15 +251,10 @@ class CallTakerPanel extends Component {
           <div className='desktop-narrative-container'>
             <NarrativeItineraries
               containerStyle={{
-                bottom: '0',
                 display: 'flex',
-                flexDirection: 'column',
-                left: '0',
-                position: 'absolute',
-                right: '0',
+                flexDirection: 'column'
                 // FIXME: This top pixel value can be variable dependent on
                 // height of the form above. It may need to be specified differently
-                top: 210 + intermediatePlaces.length * 45
               }}
             />
           </div>
diff --git a/lib/components/narrative/narrative.css b/lib/components/narrative/narrative.css
index db5f6e664..b67a6d22b 100644
--- a/lib/components/narrative/narrative.css
+++ b/lib/components/narrative/narrative.css
@@ -3,7 +3,7 @@
 }
 
 .otp .options > .header {
-  margin: 20px 10px 12px;
+  margin: 5px 10px 12px;
   font-size: 16px;
 }