diff --git a/client/src/components/Logs/Cells/ClientCell.js b/client/src/components/Logs/Cells/ClientCell.js index 79d4cd4f..669f1c0a 100644 --- a/client/src/components/Logs/Cells/ClientCell.js +++ b/client/src/components/Logs/Cells/ClientCell.js @@ -62,7 +62,7 @@ const ClientCell = ({ 'white-space--nowrap': isDetailed, }); - const hintClass = classNames('icons mr-4 icon--24 icon--lightgray', { + const hintClass = classNames('icons mr-4 icon--24 logs__question icon--lightgray', { 'my-3': isDetailed, }); diff --git a/client/src/components/Logs/Cells/DomainCell.js b/client/src/components/Logs/Cells/DomainCell.js index ab511890..6a186dda 100644 --- a/client/src/components/Logs/Cells/DomainCell.js +++ b/client/src/components/Logs/Cells/DomainCell.js @@ -34,7 +34,7 @@ const DomainCell = ({ 'my-3': isDetailed, }); - const privacyIconClass = classNames('icons mx-2 icon--24 d-none d-sm-block', { + const privacyIconClass = classNames('icons mx-2 icon--24 d-none d-sm-block logs__question', { 'icon--green': hasTracker, 'icon--disabled': !hasTracker, 'my-3': isDetailed, diff --git a/client/src/components/Logs/Cells/IconTooltip.css b/client/src/components/Logs/Cells/IconTooltip.css index 8a84182a..da7e251d 100644 --- a/client/src/components/Logs/Cells/IconTooltip.css +++ b/client/src/components/Logs/Cells/IconTooltip.css @@ -49,6 +49,12 @@ padding-top: 1rem; } +@media (max-width: 1024px) { + .grid .key-colon, .grid .title--border { + font-weight: 600; + } +} + @media (max-width: 767.98px) { .grid { grid-template-columns: 35% 55%; @@ -70,10 +76,6 @@ grid-column: 2 / span 1; margin: 0 !important; } - - .grid .key-colon, .grid .title--border { - font-weight: 600; - } } .grid .key-colon:nth-child(odd)::after { diff --git a/client/src/components/Logs/Cells/ResponseCell.js b/client/src/components/Logs/Cells/ResponseCell.js index 772b89e5..4ca37c29 100644 --- a/client/src/components/Logs/Cells/ResponseCell.js +++ b/client/src/components/Logs/Cells/ResponseCell.js @@ -97,7 +97,7 @@ const ResponseCell = ({ return (
{ setButtonType={setButtonType} setModalOpened={setModalOpened} /> - - - - - {processContent(detailedDataCurrent, buttonType)} +
+ + + + {processContent(detailedDataCurrent, buttonType)} +
;