[Inspector] Move request details stat row's tooltip icon to right of label (#162377)

Fixes #154874.

## Summary

Move tooltip icon placement of inspector stat labels from left to right

Previous:

![image](8a674f10-d263-468c-8862-88fc525f0aee)

Updated:

![image](b1d2c10e-063e-470f-be0b-4c36c9b7b96b)


### Checklist

- [x] This renders correctly on smaller devices using a responsive
layout. (You can test this [in your
browser](https://www.browserstack.com/guide/responsive-testing-on-local-server))
- [x] This was checked for [cross-browser
compatibility](https://www.elastic.co/support/matrix#matrix_browsers)


### For maintainers

- [ ] This was checked for breaking API changes and was [labeled
appropriately](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)

---------

Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
This commit is contained in:
ruhshan 2023-07-29 05:34:45 +06:00 committed by GitHub
parent 5864674ff6
commit 6cb890d160
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 2 deletions

View file

@ -1,5 +1,5 @@
.insRequestDetailsStats__icon {
margin-right: $euiSizeS;
margin-left: $euiSizeXS;
}
.insRequestSelector__singleRequest {

View file

@ -37,6 +37,8 @@ export class RequestDetailsStats extends Component<RequestDetailsProps> {
return [
<EuiTableRow key={stat.id}>
<EuiTableRowCell>
{stat.label}
<span className="insRequestDetailsStats__icon">
{stat.description ? (
<EuiIconTip
@ -51,7 +53,6 @@ export class RequestDetailsStats extends Component<RequestDetailsProps> {
<EuiIcon type="empty" />
)}
</span>
{stat.label}
</EuiTableRowCell>
<EuiTableRowCell>{stat.value}</EuiTableRowCell>
</EuiTableRow>,