Error message box alignment fixed

alliance-genome · Apr 25, 2022 · 284ebbe · 284ebbe
1 parent 083440c
commit 284ebbe
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/main/cliapp/src/components/ErrorMessageComponent.js b/src/main/cliapp/src/components/ErrorMessageComponent.js
@@ -5,11 +5,11 @@ import { Message }  from "primereact/message";
 export function ErrorMessageComponent({ errorField, errorMessages: errorMessagesRow }) {
     if(errorMessagesRow){
         return (
-            <div>
+            <div style={{position:"absolute", paddingTop:"25px"}}>
                 <Message
                     severity={errorMessagesRow[errorField] ? errorMessagesRow[errorField].severity : ""}
                     text={errorMessagesRow[errorField] ? errorMessagesRow[errorField].message : ""}
-                    style={{position:"absolute"}}
+                    style={{position:"absolute", display: "inline-table"}}
                 />
             </div>
         );