Merge pull request #104 from sambartik/fix-profilepic

Fix non-square profile pictures being squished

src/components/IssueList/IssueItem/index.tsx

@@ -229,6 +229,7 @@ const IssueItem: React.FC<IssueItemProps> = ({ issue }) => {
                             src={issue.createdBy.avatar}
                             alt=""
                             className="avatar-sm ml-1.5"
+                            style={{ objectFit: 'cover' }}
                           />
                           <span className="truncate text-sm font-semibold group-hover:text-white group-hover:underline">
                             {issue.createdBy.displayName}

src/components/Layout/UserDropdown/index.tsx

@@ -41,6 +41,7 @@ const UserDropdown: React.FC = () => {
         >
           <img
             className="h-8 w-8 rounded-full sm:h-10 sm:w-10"
+            style={{ objectFit: 'cover' }}
             src={user?.avatar}
             alt=""
           />

src/components/RequestCard/index.tsx

@@ -232,6 +232,7 @@ const RequestCard: React.FC<RequestCardProps> = ({ request, onTitleData }) => {
                     src={requestData.requestedBy.avatar}
                     alt=""
                     className="avatar-sm"
+                    style={{ objectFit: 'cover' }}
                   />
                   <span className="truncate font-semibold group-hover:text-white group-hover:underline">
                     {requestData.requestedBy.displayName}

src/components/RequestList/RequestItem/index.tsx

@@ -337,6 +337,7 @@ const RequestItem: React.FC<RequestItemProps> = ({
                               src={requestData.requestedBy.avatar}
                               alt=""
                               className="avatar-sm ml-1.5"
+                              style={{ objectFit: 'cover' }}
                             />
                             <span className="truncate text-sm font-semibold group-hover:text-white group-hover:underline">
                               {requestData.requestedBy.displayName}
@@ -391,6 +392,7 @@ const RequestItem: React.FC<RequestItemProps> = ({
                             src={requestData.modifiedBy.avatar}
                             alt=""
                             className="avatar-sm ml-1.5"
+                            style={{ objectFit: 'cover' }}
                           />
                           <span className="truncate text-sm font-semibold group-hover:text-white group-hover:underline">
                             {requestData.modifiedBy.displayName}