diff --git a/frontend/src/features/ControlUnit/components/ControlUnitDialog/ControlUnitResourceList/Item.tsx b/frontend/src/features/ControlUnit/components/ControlUnitDialog/ControlUnitResourceList/Item.tsx index bd471a9310..9817335f64 100644 --- a/frontend/src/features/ControlUnit/components/ControlUnitDialog/ControlUnitResourceList/Item.tsx +++ b/frontend/src/features/ControlUnit/components/ControlUnitDialog/ControlUnitResourceList/Item.tsx @@ -40,6 +40,7 @@ export function Item({ controlUnitResource, onEdit }: ItemProps) { const Wrapper = styled.div` background-color: ${p => p.theme.color.cultured}; display: flex; + min-height: 96px; ` const InfoBox = styled.div` @@ -66,6 +67,7 @@ const Note = styled.div` -webkit-line-clamp: 3; display: -webkit-box; overflow: hidden; + margin-bottom: 4px; ` const Name = styled.p` diff --git a/frontend/src/features/ControlUnit/components/ControlUnitDialog/ControlUnitResourceList/Placeholder.tsx b/frontend/src/features/ControlUnit/components/ControlUnitDialog/ControlUnitResourceList/Placeholder.tsx index 315988a9f8..3ea3e9bb5c 100644 --- a/frontend/src/features/ControlUnit/components/ControlUnitDialog/ControlUnitResourceList/Placeholder.tsx +++ b/frontend/src/features/ControlUnit/components/ControlUnitDialog/ControlUnitResourceList/Placeholder.tsx @@ -13,12 +13,13 @@ export function Placeholder({ type }: PlaceholderProps) { } const Wrapper = styled.div` - align-items: center; + align-items: flex-start; background-color: ${p => p.theme.color.lightGray}; display: flex; - height: 94px; + flex-grow: 1; justify-content: center; - min-height: 94px; + max-width: 116px; min-width: 116px; + padding-top: 32px; width: 116px; `