снимок экрана Я хотел бы знать, как я могу перемещать кнопки увеличения и уменьшения слева от каждого отдельного потока, а не находиться внутри него на данный момент. На снимке экрана показано, как моя страница выглядит как.
return sortedThreads.map((thread) => {
return (
<div className="item" key={thread.id}>
<i className="large middle aligned" />
<div className="content">
<div className="description ui ">
<a href={`${thread.url}`} style={{ fontSize: "25px" }}>
{thread.title}
</a>
<h3>{thread.points}</h3>
<div className="ui vertical icon buttons " >
<button
className="ui button"
onClick={() => this.props.upVote(thread)}
>
<i className="icon angle up "></i>
</button>
<button
className="ui button"
onClick={() => this.props.downVote(thread)}
>
<i className="angle down icon"></i>
</button>
</div>
<button
className="ui primary button"
onClick={() => {
this.props.saveThread(thread.id);
alert("A thread was saved", thread);
}}
>
SAVE
</button>
<Link to={`/edit/${thread.id}`} className="ui button primary">
EDIT
</Link>
<button
className="ui primary button"
onClick={() => this.props.deleteThread(thread.id)}
>
DELETE
</button>
</div>
</div>
</div>
);
});