Move addresses to the right

This commit is contained in:
Marco van Dijk 2022-03-06 01:02:58 +01:00
parent 3a0dfd0693
commit 80c28c7ec0
2 changed files with 12 additions and 12 deletions

View File

@ -27,38 +27,38 @@ const EventButton = (obj) => {
if (obj.eventObj.eventTo || obj.eventObj.eventFrom || obj.eventObj.eventCaller) { if (obj.eventObj.eventTo || obj.eventObj.eventFrom || obj.eventObj.eventCaller) {
if (obj.eventObj.eventTo) { if (obj.eventObj.eventTo) {
eventTo = eventTo =
<div className="row" style={{ flex: '1', width: 'unset' }}> <div className="rowAlignRight" style={{ width: 'unset', marginLeft: 0 }}>
<button className="selectOrch" style={{ margin: 0, padding: '0.5em' }} onClick={() => { obj.setSearchTerm(obj.eventObj.eventTo) }} > <button className="selectOrch" style={{ margin: 0, padding: '0.5em' }} onClick={() => { obj.setSearchTerm(obj.eventObj.eventTo) }} >
<span className="elipsText">🔎</span> <span className="elipsText">🔎</span>
</button> </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> <span className="elipsText">{obj.eventObj.eventTo}</span>
</button> </button>
</div> </div>
} }
if (obj.eventObj.eventFrom) { if (obj.eventObj.eventFrom) {
eventFrom = eventFrom =
<div className="row" style={{ flex: '1', width: 'unset' }}> <div className="rowAlignRight" style={{ width: 'unset', margin: 0 }}>
<button className="selectOrch" style={{ margin: 0, padding: '0.5em' }} onClick={() => { obj.setSearchTerm(obj.eventObj.eventFrom) }} > <button className="selectOrch" style={{ margin: 0, padding: '0.5em' }} onClick={() => { obj.setSearchTerm(obj.eventObj.eventFrom) }} >
<span className="elipsText">🔎</span> <span className="elipsText">🔎</span>
</button> </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> <span className="elipsText">{obj.eventObj.eventFrom}</span>
</button> </button>
</div > </div >
} }
if (obj.eventObj.eventCaller) { if (obj.eventObj.eventCaller) {
eventCaller = eventCaller =
<div className="rowAlignLeft" style={{ flex: '1', width: 'unset', margin: 0 }}> <div className="rowAlignLeft" style={{ width: 'unset', margin: 0 }}>
<button className="selectOrch" style={{ margin: 0, padding: '0.5em' }} onClick={() => { obj.setSearchTerm(obj.eventObj.eventCaller) }} > <button className="selectOrch" style={{ margin: 0, padding: '0.5em' }} onClick={() => { obj.setSearchTerm(obj.eventObj.eventCaller) }} >
<span className="elipsText">🔎</span> <span className="elipsText">🔎</span>
</button> </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> <span className="elipsText">{obj.eventObj.eventCaller}</span>
</button> </button>
</div> </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} {eventFrom}
{eventArrow} {eventArrow}
{eventTo} {eventTo}

View File

@ -267,7 +267,7 @@ const EventViewer = (obj) => {
</div> </div>
</div> </div>
<div className="content-wrapper" style={{ alignItems: 'stretch', width: '100%' }}> <div className="content-wrapper" style={{ alignItems: 'stretch', width: '100%' }}>
<ScrollContainer className="overflow-container" hideScrollbars={false}> <ScrollContainer className="overflow-container" hideScrollbars={false} style={{}}>
<div className="overflow-content" style={{ cursor: 'grab', paddingTop: 0}}> <div className="overflow-content" style={{ cursor: 'grab', paddingTop: 0}}>
{eventList} {eventList}
</div> </div>