fix(ui): center role under title cards on person detail pages (#1205)

3 years ago · 4a6151873a
parent 54429bbc1d
commit 4a6151873a
1 changed files with 2 additions and 2 deletions
--- a/src/components/PersonDetails/index.tsx
+++ b/src/components/PersonDetails/index.tsx
@ -110,7 +110,7 @@ const PersonDetails: React.FC = () => {
                canExpand
              />
              {media.character && (
-                <div className="mt-2 text-xs text-center text-gray-300 truncate w-36 sm:w-36 md:w-44">
+                <div className="w-full mt-2 text-xs text-center text-gray-300 truncate">
                  {intl.formatMessage(messages.ascharacter, {
                    character: media.character,
                  })}
@ -150,7 +150,7 @@ const PersonDetails: React.FC = () => {
                canExpand
              />
              {media.job && (
-                <div className="mt-2 text-xs text-center text-gray-300 truncate w-36 sm:w-36 md:w-44">
+                <div className="w-full mt-2 text-xs text-center text-gray-300 truncate">
                  {media.job}
                </div>
              )}