Felix icons (#312)

* Fix icon size in table top bar

* Replace building icon

* Replace Employees icon

* Replace map icon

* Replace calendar icon

* Replace Target icon

front/src/modules/opportunities/components/BoardCard.tsx

@@ -5,12 +5,12 @@ import CompanyChip from '../../companies/components/CompanyChip';
 import PersonPlaceholder from '../../people/components/person-placeholder.png';
 import { PersonChip } from '../../people/components/PersonChip';
 import {
-  IconBuilding,
-  IconCalendar,
+  IconBuildingSkyscraper,
+  IconCalendarEvent,
   IconMail,
   IconPhone,
-  IconSum,
   IconUser,
+  IconUsers,
 } from '../../ui/icons';
 import { getLogoUrlFromDomainName, humanReadableDate } from '../../utils/utils';
 
@@ -69,7 +69,7 @@ const PersonBoardCard = ({ person }: { person: Person }) => {
       </StyledBoardCardHeader>
       <StyledBoardCardBody>
         <span>
-          <IconBuilding size={16} />
+          <IconBuildingSkyscraper size={16} />
           <CompanyChip
             name={person.company?.name || ''}
             picture={getLogoUrlFromDomainName(
@@ -86,7 +86,7 @@ const PersonBoardCard = ({ person }: { person: Person }) => {
           {person.phone}
         </span>
         <span>
-          <IconCalendar size={16} />
+          <IconCalendarEvent size={16} />
           {humanReadableDate(new Date(person.createdAt as string))}
         </span>
       </StyledBoardCardBody>
@@ -110,10 +110,10 @@ const CompanyBoardCard = ({ company }: { company: Company }) => {
           <PersonChip name={company.accountOwner?.displayName || ''} />
         </span>
         <span>
-          <IconSum size={16} /> {company.employees}
+          <IconUsers size={16} /> {company.employees}
         </span>
         <span>
-          <IconCalendar size={16} />
+          <IconCalendarEvent size={16} />
           {humanReadableDate(new Date(company.createdAt as string))}
         </span>
       </StyledBoardCardBody>

front/src/modules/ui/icons/index.ts

@@ -1,5 +1,5 @@
 export { IconAddressBook } from './components/IconAddressBook';
-export { IconBuilding } from '@tabler/icons-react';
+export { IconBuildingSkyscraper } from '@tabler/icons-react';
 export { IconMessageCircle as IconComment } from '@tabler/icons-react';
 export { IconCheck } from '@tabler/icons-react';
 export { IconTrash } from '@tabler/icons-react';
@@ -16,12 +16,12 @@ export { IconX } from '@tabler/icons-react';
 export { IconChevronLeft } from '@tabler/icons-react';
 export { IconPlus } from '@tabler/icons-react';
 export { IconLink } from '@tabler/icons-react';
-export { IconSum } from '@tabler/icons-react';
-export { IconCalendar } from '@tabler/icons-react';
-export { IconMapPin } from '@tabler/icons-react';
+export { IconUsers } from '@tabler/icons-react';
+export { IconCalendarEvent } from '@tabler/icons-react';
+export { IconMap } from '@tabler/icons-react';
 export { IconMail } from '@tabler/icons-react';
 export { IconPhone } from '@tabler/icons-react';
-export { IconTarget } from '@tabler/icons-react';
+export { IconTargetArrow } from '@tabler/icons-react';
 export { IconChevronDown } from '@tabler/icons-react';
 export { IconArrowNarrowDown } from '@tabler/icons-react';
 export { IconArrowNarrowUp } from '@tabler/icons-react';

front/src/modules/ui/layout/SecondaryLayout.tsx

@@ -31,8 +31,7 @@ const SubContainer = styled.div`
   flex-direction: column;
   margin: ${(props) => props.theme.spacing(4)};
   max-width: calc(100vw - 500px);
-  padding: 32px;
-  padding: ${(props) => props.theme.spacing(2)};
+  padding: ${(props) => props.theme.spacing(8)};
   width: 100%;
 
   @media (max-width: ${MOBILE_VIEWPORT}px) {

front/src/modules/ui/layout/navbar/NavBackButton.tsx

@@ -39,7 +39,7 @@ export default function NavBackButton({ title }: OwnProps) {
         <IconAndButtonContainer
           onClick={() => navigate('/', { replace: true })}
         >
-          <IconChevronLeft strokeWidth={3} />
+          <IconChevronLeft />
           <span>{title}</span>
         </IconAndButtonContainer>
         <NavCollapseButton hideOnDesktop={true} />