From 80c28c7ec00469f63b5174df71f88a311112efc7 Mon Sep 17 00:00:00 2001
From: Marco van Dijk <marco@stronk.rocks>
Date: Sun, 6 Mar 2022 01:02:58 +0100
Subject: [PATCH] Move addresses to the right

---
 src/eventButton.js | 20 ++++++++++----------
 src/eventViewer.js |  4 ++--
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/eventButton.js b/src/eventButton.js
index c98127c..e981850 100644
--- a/src/eventButton.js
+++ b/src/eventButton.js
@@ -27,38 +27,38 @@ const EventButton = (obj) => {
   if (obj.eventObj.eventTo || obj.eventObj.eventFrom || obj.eventObj.eventCaller) {
     if (obj.eventObj.eventTo) {
       eventTo =
-        <div className="row" style={{ flex: '1', width: 'unset' }}>
-          <button className="selectOrch" style={{margin: 0, padding: '0.5em'}} onClick={() => { obj.setSearchTerm(obj.eventObj.eventTo) }} >
+        <div className="rowAlignRight" style={{ width: 'unset', marginLeft: 0 }}>
+          <button className="selectOrch" style={{ margin: 0, padding: '0.5em' }} onClick={() => { obj.setSearchTerm(obj.eventObj.eventTo) }} >
             <span className="elipsText">🔎</span>
           </button>
-          <button className="selectOrch" onClick={() => { dispatch(getOrchestratorInfo(obj.eventObj.eventTo)) }} >
+          <button className="selectOrch" style={{ margin: 0, padding: 0 }} onClick={() => { dispatch(getOrchestratorInfo(obj.eventObj.eventTo)) }} >
             <span className="elipsText">{obj.eventObj.eventTo}</span>
           </button>
         </div>
     }
     if (obj.eventObj.eventFrom) {
       eventFrom =
-        <div className="row" style={{ flex: '1', width: 'unset' }}>
-          <button className="selectOrch" style={{margin: 0, padding: '0.5em'}}  onClick={() => { obj.setSearchTerm(obj.eventObj.eventFrom) }} >
+        <div className="rowAlignRight" style={{ width: 'unset', margin: 0 }}>
+          <button className="selectOrch" style={{ margin: 0, padding: '0.5em' }} onClick={() => { obj.setSearchTerm(obj.eventObj.eventFrom) }} >
             <span className="elipsText">🔎</span>
           </button>
-          <button className="selectOrch" onClick={() => { dispatch(getOrchestratorInfo(obj.eventObj.eventFrom)) }}>
+          <button className="selectOrch" style={{ margin: 0, padding: 0 }} onClick={() => { dispatch(getOrchestratorInfo(obj.eventObj.eventFrom)) }}>
             <span className="elipsText">{obj.eventObj.eventFrom}</span>
           </button>
         </div >
     }
     if (obj.eventObj.eventCaller) {
       eventCaller =
-        <div className="rowAlignLeft" style={{ flex: '1', width: 'unset', margin: 0 }}>
-          <button className="selectOrch" style={{margin: 0, padding: '0.5em'}}  onClick={() => { obj.setSearchTerm(obj.eventObj.eventCaller) }} >
+        <div className="rowAlignLeft" style={{ width: 'unset', margin: 0 }}>
+          <button className="selectOrch" style={{ margin: 0, padding: '0.5em' }} onClick={() => { obj.setSearchTerm(obj.eventObj.eventCaller) }} >
             <span className="elipsText">🔎</span>
           </button>
-          <button className="selectOrch" onClick={() => { dispatch(getOrchestratorInfo(obj.eventObj.eventCaller)) }} >
+          <button className="selectOrch" style={{ margin: 0, padding: 0 }} onClick={() => { dispatch(getOrchestratorInfo(obj.eventObj.eventCaller)) }} >
             <span className="elipsText">{obj.eventObj.eventCaller}</span>
           </button>
         </div>
     }
-    eventRightAddr = <div className="rowAlignRight" style={{ flex: '1', width: '100%', padding: 0, margin: 0 }}>
+    eventRightAddr = <div className="rowAlignRight" style={{ width: 'unset', padding: 0, margin: 0 }}>
       {eventFrom}
       {eventArrow}
       {eventTo}
diff --git a/src/eventViewer.js b/src/eventViewer.js
index 8115d69..95bf87d 100644
--- a/src/eventViewer.js
+++ b/src/eventViewer.js
@@ -267,8 +267,8 @@ const EventViewer = (obj) => {
         </div>
       </div>
       <div className="content-wrapper" style={{ alignItems: 'stretch', width: '100%' }}>
-        <ScrollContainer className="overflow-container" hideScrollbars={false}>
-          <div className="overflow-content" style={{ cursor: 'grab', paddingTop: 0 }}>
+        <ScrollContainer className="overflow-container" hideScrollbars={false} style={{}}>
+          <div className="overflow-content" style={{ cursor: 'grab', paddingTop: 0}}>
             {eventList}
           </div>
         </ScrollContainer>