profile flexing

daxaxelrod · Dec 31, 2023 · a1f9d42 · a1f9d42
1 parent c26103d
commit a1f9d42
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 7 deletions.
diff --git a/frontend/src/app/components/users/PublicProfile.tsx b/frontend/src/app/components/users/PublicProfile.tsx
@@ -42,10 +42,8 @@ export default function PublicProfile({}) {
                     marginBottom: ".75rem",
                 }}
             >
-                <Col span={4}>
+                <Flex justify="space-between" flex={1} wrap="wrap">
                     <UserLargeImage user={user} editable={isSelf} />
-                </Col>
-                <Flex justify="space-between" flex={1}>
                     <Flex align="middle" flex={8}>
                         <UserHeader user={user} />
                     </Flex>

diff --git a/frontend/src/app/components/users/profile/UserHeader.tsx b/frontend/src/app/components/users/profile/UserHeader.tsx
@@ -9,7 +9,12 @@ const { Title, Paragraph } = Typography;
 
 export default function UserHeader({ user }: { user: User }) {
     return (
-        <div>
+        <div
+            style={{
+                marginLeft: "2rem",
+                minWidth: "10rem",
+            }}
+        >
             <Title style={{ marginBottom: ".25rem" }}>
                 {user?.first_name} {user?.last_name}
             </Title>

diff --git a/frontend/src/app/components/users/profile/UserOpenInsureRating.tsx b/frontend/src/app/components/users/profile/UserOpenInsureRating.tsx
@@ -129,7 +129,11 @@ export default function UserOpenInsureRating({ user }: { user: User }) {
                 </Text>
                 <Title
                     level={3}
-                    style={{ marginTop: 0, marginBottom: "1.5rem" }}
+                    style={{
+                        marginTop: 0,
+                        marginBottom: "1.5rem",
+                        wordBreak: "keep-all",
+                    }}
                 >
                     {scoreLeaderText}
                 </Title>

diff --git a/frontend/src/app/components/users/profile/ratings/RatingDetailsBrief.tsx b/frontend/src/app/components/users/profile/ratings/RatingDetailsBrief.tsx
@@ -19,9 +19,8 @@ export default function RatingDetailsBrief({
                     width: "100%",
                     flexWrap: "wrap",
                 }}
-                wrap
             >
-                <Space size={"large"}>
+                <Space size={"large"} wrap>
                     <Statistic
                         title="Activity"
                         value={getRatingGrade(reputation.components.activity)}