Fixing the loader position.

entur · Oct 17, 2023 · f709460 · f709460
1 parent 58bcf50
commit f709460
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/src/screens/providers/components/ChouetteAllJobs.js b/src/screens/providers/components/ChouetteAllJobs.js
@@ -265,7 +265,7 @@ class ChouetteAllJobs extends React.Component {
               )}
             </div>
             {requestingJobs ? (
-              <div style={{ float: 'right', position: 'absolute', right: 40 }}>
+              <div style={{ margin: '0px 20px 10px' }}>
                 <Loader color="#26A65B" size="23px" />
               </div>
             ) : null}
@@ -331,7 +331,9 @@ class ChouetteAllJobs extends React.Component {
             </Row>
           ) : (
             <Row>
-              <p>No chouette jobs found for your search criterias.</p>
+              <p style={{ marginLeft: '20px' }}>
+                No chouette jobs found for your search criterias.
+              </p>
             </Row>
           )}
         </Container>

diff --git a/src/screens/providers/components/ChouetteJobDetails.js b/src/screens/providers/components/ChouetteJobDetails.js
@@ -279,7 +279,7 @@ class ChouetteJobDetails extends React.Component {
               )}
             </Col>
             {requestingJobs ? (
-              <div style={{ float: 'right', position: 'absolute', right: 40 }}>
+              <div style={{ margin: '0px 20px 10px' }}>
                 <Loader color="#26A65B" size="23px" />
               </div>
             ) : null}
@@ -337,7 +337,9 @@ class ChouetteJobDetails extends React.Component {
             </Row>
           ) : (
             <Row>
-              <p>No chouette jobs found for your search criterias.</p>
+              <p style={{ marginLeft: '20px' }}>
+                No chouette jobs found for your search criterias.
+              </p>
             </Row>
           )}
         </Container>