chore(ExternalMessages): improve layout

Author: jstarpl

meteor/client/ui/Status/ExternalMessages.tsx

@@ -234,13 +234,13 @@ function ExternalMessagesRow({ msg }: Readonly<ExternalMessagesRowProps>) {
 			<td className="c2">
 				{getAllowConfigure() ? (
 					<React.Fragment>
-						<button className="action-btn" onClick={removeMessage}>
+						<button className="action-btn mod mls" onClick={removeMessage}>
 							<FontAwesomeIcon icon={faTrash} />
 						</button>
-						<button className="action-btn" onClick={toggleHoldMessage}>
+						<button className="action-btn mod" onClick={toggleHoldMessage}>
 							{msg.hold ? <FontAwesomeIcon icon={faPlay} /> : <FontAwesomeIcon icon={faPause} />}
 						</button>
-						<button className="action-btn" onClick={retryMessage}>
+						<button className="action-btn mod" onClick={retryMessage}>
 							<FontAwesomeIcon icon={faRedo} />
 						</button>
 						<br />