fix styling of long error message (#33465)

quick fix for the styling of one of the upload profile error message.

**before**

<img width="786" height="105" alt="image"
src="https://github.com/user-attachments/assets/b2d03eee-c01a-47c5-bf9c-dcd066f36cbe"
/>


**after**

<img width="792" height="112" alt="image"
src="https://github.com/user-attachments/assets/0e33b70a-0e1c-49ba-9326-486d8735ea38"
/>
This commit is contained in:
Gabriel Hernandez 2025-09-25 15:43:52 +01:00 committed by GitHub
parent 61347155b5
commit 1087ab3de6
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 7 additions and 2 deletions

View file

@ -32,3 +32,8 @@
max-width: none;
}
}
// this is used to format the long error message when uploading invalid keys
.upload-profile-invalid-keys-error {
display: flex;
}

View file

@ -129,7 +129,7 @@ export const getErrorMessage = (err: AxiosResponse<IApiError>) => {
if (apiReason.includes("Keys in declaration (DDM) profile")) {
return (
<>
<div className="upload-profile-invalid-keys-error">
<span>
Couldn&apos;t add. Keys in declaration (DDM) profile must contain only
letters and start with a uppercase letter. Keys in Android profile
@ -141,7 +141,7 @@ export const getErrorMessage = (err: AxiosResponse<IApiError>) => {
variant="flash-message-link"
url="https://fleetdm.com/learn-more-about/how-to-craft-android-profile"
/>
</>
</div>
);
}