style: change icon order

pull/63/head
sualko 2020-05-22 13:20:47 +02:00
parent 0e8be70ae2
commit 7411ca6839
2 changed files with 6 additions and 6 deletions

View File

@ -11,14 +11,14 @@ type Props = {
const RecordingRow: React.FC<Props> = ({recording, deleteRecording, storeRecording}) => { const RecordingRow: React.FC<Props> = ({recording, deleteRecording, storeRecording}) => {
return ( return (
<tr key={recording.id}> <tr key={recording.id}>
<td className="start icon-col">
<a href={recording.url} className="icon icon-external icon-visible" target="_blank" rel="noopener noreferrer"></a>
</td>
<td className="share icon-col"> <td className="share icon-col">
<CopyToClipboard text={recording.url}> <CopyToClipboard text={recording.url}>
<span className="icon icon-clippy icon-visible copy-to-clipboard" ></span> <span className="icon icon-clippy icon-visible copy-to-clipboard" ></span>
</CopyToClipboard> </CopyToClipboard>
</td> </td>
<td className="start icon-col">
<a href={recording.url} className="icon icon-external icon-visible" target="_blank" rel="noopener noreferrer"></a>
</td>
<td className="icon-col"> <td className="icon-col">
<a onClick={() => storeRecording(recording)} className="icon icon-add-shortcut icon-visible"></a> <a onClick={() => storeRecording(recording)} className="icon icon-add-shortcut icon-visible"></a>
</td> </td>

View File

@ -190,14 +190,14 @@ const RoomRow: React.FC<Props> = (props) => {
return ( return (
<> <>
<tr className={showRecordings ? 'selected-row' : ''}> <tr className={showRecordings ? 'selected-row' : ''}>
<td className="start icon-col">
<a href={api.getUrl(`b/${room.uid}`)} className="icon icon-play icon-visible" target="_blank" rel="noopener noreferrer"></a>
</td>
<td className="share icon-col"> <td className="share icon-col">
<CopyToClipboard text={window.location.origin + api.getUrl(`b/${room.uid}`)}> <CopyToClipboard text={window.location.origin + api.getUrl(`b/${room.uid}`)}>
<span className="icon icon-clippy icon-visible copy-to-clipboard" ></span> <span className="icon icon-clippy icon-visible copy-to-clipboard" ></span>
</CopyToClipboard> </CopyToClipboard>
</td> </td>
<td className="start icon-col">
<a href={api.getUrl(`b/${room.uid}`)} className="icon icon-play icon-visible" target="_blank" rel="noopener noreferrer"></a>
</td>
<td className="store icon-col"> <td className="store icon-col">
<a onClick={() => storeRoom()} className="icon icon-add-shortcut icon-visible"></a> <a onClick={() => storeRoom()} className="icon icon-add-shortcut icon-visible"></a>
</td> </td>