File tree Expand file tree Collapse file tree 1 file changed +28
-21
lines changed
src/pages/Video/components Expand file tree Collapse file tree 1 file changed +28
-21
lines changed Original file line number Diff line number Diff 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 } } >
You can’t perform that action at this time.
0 commit comments