Pipeline sync fixes

frontend/src/components/Billing.jsx

@@ -1343,6 +1343,7 @@ const Billing = (props) => {
 			  </div>
 			  <BillingStats
 				isCloud={isCloud}
+				clickedFromOrgTab={clickedFromOrgTab}
 				globalUrl={globalUrl}
 				selectedOrganization={selectedOrganization}	
 				userdata={userdata}

frontend/src/components/BillingStats.jsx

@@ -61,7 +61,7 @@ const LineChartWrapper = ({keys, inputname, height, width}) => {
 
 
 const AppStats = (defaultprops) => {
-  const { globalUrl, selectedOrganization, userdata, isCloud, inputWorkflows, } = defaultprops;
+  const { globalUrl, selectedOrganization, userdata, isCloud, inputWorkflows,clickedFromOrgTab } = defaultprops;
 
   const [keys, setKeys] = useState([])
   const [searches, setSearches] = useState([]);
@@ -703,7 +703,7 @@ const AppStats = (defaultprops) => {
 							textAlign: "center", 
 							padding: 40, 
 							margin: 5, 
-							marginLeft: 90, 
+							marginLeft: clickedFromOrgTab? null:90, 
 							backgroundColor: theme.palette.platformColor,
 							border: "1px solid rgba(255,255,255,0.3)",
 							maxWidth: 300,

frontend/src/components/CacheView.jsx

@@ -304,7 +304,7 @@ const CacheView = (props) => {
                         },
                     }}
                     required
-                    fullWidth={true}
+                    fullWidth
                     autoComplete="Value"
                     placeholder="123"
                     id="Valuefield"
@@ -349,7 +349,7 @@ const CacheView = (props) => {
 
     return (
 
-        <div style={{paddingBottom: isSelectedDataStore?null:250, width: isSelectedDataStore?1030:null, padding:isSelectedDataStore?27:null, height: isSelectedDataStore?1200:null, color: isSelectedDataStore?'#ffffff':null, backgroundColor: isSelectedDataStore?'#212121':null, borderRadius: isSelectedDataStore?'16px':null, }}>
+        <div style={{paddingBottom: isSelectedDataStore?null:250, width: isSelectedDataStore?1030:null, padding:isSelectedDataStore?27:null, height: isSelectedDataStore?"auto":null, color: isSelectedDataStore?'#ffffff':null, backgroundColor: isSelectedDataStore?'#212121':null, borderRadius: isSelectedDataStore?'16px':null, }}>
             {modalView}
             <div style={{ marginTop: isSelectedDataStore?null:20, marginBottom: 20 }}>
                 <h2 style={{ display: isSelectedDataStore?null: "inline" }}>Shuffle Datastore</h2>
@@ -434,6 +434,8 @@ const CacheView = (props) => {
                                     style={{
 										minWidth: 300,
 										maxWidth: 300,
+                                        height:200,
+                                        overflowX: "hidden",
 									}}
                                     primary={validate.valid ? 
                       					<ReactJson

frontend/src/components/Files.jsx

@@ -621,7 +621,7 @@ const Files = (props) => {
 			}}
 			onDrop={uploadFile}
 		>
-			<div style={{position: "relative", width: isSelectedFiles? 1030: null, padding:isSelectedFiles?27:null, height: isSelectedFiles?1200:null, color: isSelectedFiles?'#ffffff':null, backgroundColor: isSelectedFiles?'#212121':null, borderRadius: isSelectedFiles?'16px':null,}}>
+			<div style={{position: "relative", width: isSelectedFiles? 1030: null, padding:isSelectedFiles?27:null, height: isSelectedFiles?"auto":null, color: isSelectedFiles?'#ffffff':null, backgroundColor: isSelectedFiles?'#212121':null, borderRadius: isSelectedFiles?'16px':null,}}>
 
         		<Tooltip color="primary" title={"Import files to Shuffle from Git"} placement="top">
 				  <IconButton

frontend/src/components/NewHeader.jsx

@@ -835,7 +835,7 @@ const Header = (props) => {
                       <img
                         src={"/images/logos/orange_logo.svg"}
                         alt="logo"
-                        style={{ height: 20, width: 20, marginTop: 10 }}
+                        style={{ height: 20, width: 20, marginTop:4}}
                       />
                     </Grid>
                   </Grid>