- Removes issue with width

- Adds width for error message
TACC-Cloud · Oct 30, 2024 · d9b2607 · d9b2607
1 parent dc21d68
commit d9b2607
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/react/src/components/Projects/ProjectListing.module.css b/react/src/components/Projects/ProjectListing.module.css
@@ -1,13 +1,16 @@
 .root {
   display: flex;
-  justify-content: center;
   width: 100%;
 }
 .projectList {
   width: 100%;
   overflow-y: scroll;
   padding: 10px;
 }
+.errorMessage {
+  width: 100%;
+  padding: 10px;
+}
 .projectList th {
   background: #d0d0d0;
   max-width: fit-content;

diff --git a/react/src/components/Projects/ProjectListing.tsx b/react/src/components/Projects/ProjectListing.tsx
@@ -28,6 +28,7 @@ const ProjectListing: React.FC = () => {
   if (isError) {
     return (
       <div className={styles.root}>
+        <div className={styles.errorMessage}>
         <SectionMessage type="error">
           There was an error gathering your maps.{' '}
           {/*@ts-ignore: Suppress error typing issues*/}
@@ -41,6 +42,7 @@ const ProjectListing: React.FC = () => {
             Click here to submit a ticket to DesignSafe.
           </a>
         </SectionMessage>
+        </div>
       </div>
     );
   }