diff --git a/packages/twenty-front/src/modules/action-menu/components/RecordShowActionMenuBarEntry.tsx b/packages/twenty-front/src/modules/action-menu/components/RecordShowActionMenuBarEntry.tsx index debc175b7..db751adaa 100644 --- a/packages/twenty-front/src/modules/action-menu/components/RecordShowActionMenuBarEntry.tsx +++ b/packages/twenty-front/src/modules/action-menu/components/RecordShowActionMenuBarEntry.tsx @@ -1,6 +1,6 @@ import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; - +import { MOBILE_VIEWPORT } from 'twenty-ui'; import { ActionMenuEntry } from '@/action-menu/types/ActionMenuEntry'; import { MenuItemAccent } from '@/ui/navigation/menu-item/types/MenuItemAccent'; @@ -26,7 +26,11 @@ const StyledButton = styled.div<{ accent: MenuItemAccent }>` background: ${({ theme, accent }) => accent === 'danger' ? theme.background.danger - : theme.background.tertiary}; + : theme.background.transparent.light}; + } + + @media (max-width: ${MOBILE_VIEWPORT}px) { + padding: ${({ theme }) => theme.spacing(1)}; } `; diff --git a/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeader.tsx b/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeader.tsx index f431954bf..6c6590ec0 100644 --- a/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeader.tsx +++ b/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeader.tsx @@ -33,7 +33,7 @@ const StyledNumChildren = styled.div` height: 24px; justify-content: center; line-height: ${({ theme }) => theme.text.lineHeight.lg}; - width: 16px; + width: 22px; `; const StyledHeaderActions = styled.div` diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellButton.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellButton.tsx index 101c8cb65..49574a0c5 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellButton.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellButton.tsx @@ -3,10 +3,15 @@ import { AnimatedContainer, FloatingIconButton, IconComponent, + MOBILE_VIEWPORT, } from 'twenty-ui'; const StyledButtonContainer = styled.div` margin: ${({ theme }) => theme.spacing(1)}; + @media (max-width: ${MOBILE_VIEWPORT}px) { + position: relative; + right: 7px; + } `; type RecordTableCellButtonProps = { diff --git a/packages/twenty-front/src/modules/ui/field/input/components/CurrencyInput.tsx b/packages/twenty-front/src/modules/ui/field/input/components/CurrencyInput.tsx index 052f47954..7f4afdb26 100644 --- a/packages/twenty-front/src/modules/ui/field/input/components/CurrencyInput.tsx +++ b/packages/twenty-front/src/modules/ui/field/input/components/CurrencyInput.tsx @@ -15,7 +15,7 @@ export const StyledIMaskInput = styled(IMaskInput)` margin: 0; ${TEXT_INPUT_STYLE} width: 100%; - padding: ${({ theme }) => `${theme.spacing(0)} ${theme.spacing(1)}`}; + padding: ${({ theme }) => `${theme.spacing(0)} ${theme.spacing(1.5)}`}; `; const StyledContainer = styled.div` diff --git a/packages/twenty-front/src/modules/ui/input/components/internal/currency/components/CurrencyPickerDropdownSelect.tsx b/packages/twenty-front/src/modules/ui/input/components/internal/currency/components/CurrencyPickerDropdownSelect.tsx index 98f4348f0..7dfeaebe7 100644 --- a/packages/twenty-front/src/modules/ui/input/components/internal/currency/components/CurrencyPickerDropdownSelect.tsx +++ b/packages/twenty-front/src/modules/ui/input/components/internal/currency/components/CurrencyPickerDropdownSelect.tsx @@ -33,7 +33,7 @@ export const CurrencyPickerDropdownSelect = ({ ); return ( - + setSearchFilter(event.target.value)}