fix(web): Ensure font awesome icons have fixed width

2026-08-17 15:06:02 +01:00 · 2022-04-16 12:08:55 +02:00
parent 66f9460729
commit e46fa203ca
2 changed files with 3 additions and 1 deletions
--- a/web/src/features/notifications/NotificationWrapper.tsx
+++ b/web/src/features/notifications/NotificationWrapper.tsx
@@ -85,6 +85,7 @@ const Notifications: React.FC = () => {
          <HStack spacing={0}>
            {data.icon && (
              <FontAwesomeIcon
+                fixedWidth
                icon={data.icon}
                fontSize="1.3em"
                style={{ paddingRight: 8 }}
--- a/web/src/features/textui/TextUI.tsx
+++ b/web/src/features/textui/TextUI.tsx
@@ -68,10 +68,11 @@ const TextUI: React.FC = () => {
          <Flex justifyContent="center" alignItems="center">
            {data.icon && (
              <FontAwesomeIcon
+                fixedWidth
                icon={data.icon}
                color={data.iconColor}
                fontSize="1.4rem"
-                style={{ paddingRight: 15 }}
+                style={{ paddingRight: 8 }}
              />
            )}
            <ReactMarkdown>{data.text}</ReactMarkdown>