IRSA-636: remove border

Author: ejoliet

src/firefly/js/templates/lightcurve/LcUtil.jsx

@@ -216,20 +216,21 @@ export function getMissionInfo(missionEntries, tblModel){
 }
 
 
-export function renderMissionView(generalEntries,missionEntries,missionBands,tblModel, wrapperStyle,labelWidth,callback ){
+export function renderMissionView({generalEntries,missionEntries,missionBands,tblModel, wrapperStyle, imageEntriesStyle, labelWidth,callback}){
 
     //const wrapperStyle = {margin: '3px 0'};
     const tblColumns = get(tblModel, ['tableData', 'columns'], []);
     const groupKey = getViewerGroupKey(missionEntries);
     const {allCommonEntries, missionInputs} = getMissionEntries(generalEntries, missionEntries,tblColumns ,wrapperStyle);
+    const imageStyle = imageEntriesStyle || { padding: '0 6px 0 6px', border: '1px solid #a3aeb9', marginLeft: '54px'};
 
     const {missionName, period, title, uploadedFileName} = getMissionInfo(missionEntries, tblModel);
     return (
         <FieldGroup groupKey={groupKey}
                     reducerFunc={callback(missionEntries, generalEntries)} keepState={true}>
 
             <div >
-                <div style={{ with:{labelWidth}, fontWeight:'bold', display:'inline-block', margin: '3px 0 6px 0'}} > Column Selection</div>
+                <div style={{ width:{labelWidth}, fontWeight:'bold', display:'inline-block', margin: '3px 0 6px 0'}} > Column Selection</div>
                 <label style = {{width: '170px', paddingLeft: '10px', display:'inline-block'}} title={title}>{uploadedFileName}</label>
                 <div style = {{fontWeight:'bold',paddingLeft:'13px', display:'inline-block'}}>Images</div>
             </div>
@@ -240,7 +241,7 @@ export function renderMissionView(generalEntries,missionEntries,missionBands,tbl
                                   labelWidth={labelWidth} wrapperStyle={{margin: '3px 0 6px 0'}}/>
                     {missionInputs}
                 </div>
-                <div style={{ padding: '0 6px 0 6px', border: '1px solid #a3aeb9', marginLeft: '54px'}}>
+                <div style={imageStyle}>
                     {missionBands}
                     {allCommonEntries}
                 </div>

src/firefly/js/templates/lightcurve/ptf/PTFMissionOptions.js

@@ -22,11 +22,11 @@ export class PTFSettingBox extends PureComponent {
         const tblModel = getTblById(LC.RAW_TABLE);
         const wrapperStyle = {margin: '3px 0'};
 
-        var missionFilters = ( <div style={{ with:{labelWidth}, display:'inline-block', margin: '3px 0 6px 0'}} >
+        var missionFilters = ( <div style={{ width:{labelWidth}, display:'inline-block', margin: '3px 0 6px 0'}} >
             <br /> </div>);
 
-
-        return renderMissionView(generalEntries,missionEntries,missionFilters,tblModel,wrapperStyle,labelWidth , ptfOptionsReducer);
+        const imageStyle = { padding: '0 6px 0 6px', marginLeft: '54px'};
+        return renderMissionView({generalEntries,missionEntries,missionFilters,tblModel,wrapperStyle, imageEntriesStyle:imageStyle, labelWidth , callback:ptfOptionsReducer});
 
 
     }

src/firefly/js/templates/lightcurve/wise/WiseMissionOptions.js

@@ -32,7 +32,7 @@ export class WiseSettingBox extends PureComponent {
                     {label: 'W4', value: 'w4'}
                 ]}/>);
 
-         return renderMissionView(generalEntries,missionEntries,missionBands,tblModel,wrapperStyle,labelWidth, wiseOptionsReducer );
+         return renderMissionView({generalEntries,missionEntries,missionBands,tblModel,wrapperStyle,labelWidth, callback:wiseOptionsReducer });
 
 
     }