Skip to content

Commit d6b4d27

Browse files
committed
fixed graphics
1 parent c119b47 commit d6b4d27

File tree

1 file changed

+28
-21
lines changed

1 file changed

+28
-21
lines changed

src/pages/Video/components/Observation.tsx

Lines changed: 28 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -195,32 +195,39 @@ const Observation = ({
195195
<div>
196196
<StyledTitle>
197197
<LG isBold>{title} </LG>
198-
<Tooltip
199-
content={t('__VIDEO_PAGE_OBSERVATION_LINK_TOOLTIP')}
200-
size="large"
201-
type="light"
202-
placement="bottom-start"
203-
hasArrow={false}
204-
>
205-
<IconButton
206-
onClick={(event) =>
207-
copyLink(`observation-${observation.id}`, event)
208-
}
209-
>
210-
<CopyIcon style={{ width: 14, height: 14 }} />
211-
</IconButton>
212-
</Tooltip>
213198
</StyledTitle>
214-
<SM
199+
</div>
200+
<Tooltip
201+
content={t('__VIDEO_PAGE_OBSERVATION_LINK_TOOLTIP')}
202+
size="large"
203+
type="light"
204+
placement="bottom-start"
205+
hasArrow={false}
206+
>
207+
<IconButton
208+
size="small"
215209
style={{
216-
color: appTheme.palette.grey[600],
217-
marginTop: appTheme.space.xs,
210+
display: 'flex',
211+
alignItems: 'center',
212+
marginLeft: appTheme.space.sm,
218213
}}
214+
onClick={(event) =>
215+
copyLink(`observation-${observation.id}`, event)
216+
}
219217
>
220-
{formatDuration(start)} - {formatDuration(end)}
221-
</SM>
222-
</div>
218+
<CopyIcon style={{ width: 14, height: 14 }} />
219+
</IconButton>
220+
</Tooltip>
223221
</div>
222+
<SM
223+
style={{
224+
color: appTheme.palette.grey[600],
225+
marginTop: appTheme.space.xs,
226+
marginLeft: appTheme.space.lg,
227+
}}
228+
>
229+
{formatDuration(start)} - {formatDuration(end)}
230+
</SM>
224231
</Accordion.Label>
225232
</Accordion.Header>
226233
<Accordion.Panel style={{ padding: 0 }}>

0 commit comments

Comments
 (0)