From fbda7d1f739ba404939be6a57f4c6488741aeefb Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= Date: Fri, 20 Jul 2018 11:34:26 +0200 Subject: [PATCH] fix(ui): make annotation text smaller to better match labels --- .../Components/Grid/AlertGrid/AlertGroup/Annotation/index.css | 3 +++ .../Components/Grid/AlertGrid/AlertGroup/Annotation/index.js | 4 +++- 2 files changed, 6 insertions(+), 1 deletion(-) create mode 100644 ui/src/Components/Grid/AlertGrid/AlertGroup/Annotation/index.css diff --git a/ui/src/Components/Grid/AlertGrid/AlertGroup/Annotation/index.css b/ui/src/Components/Grid/AlertGrid/AlertGroup/Annotation/index.css new file mode 100644 index 000000000..58ac27a2d --- /dev/null +++ b/ui/src/Components/Grid/AlertGrid/AlertGroup/Annotation/index.css @@ -0,0 +1,3 @@ +.components-grid-annotation { + font-size: 90%; +} diff --git a/ui/src/Components/Grid/AlertGrid/AlertGroup/Annotation/index.js b/ui/src/Components/Grid/AlertGrid/AlertGroup/Annotation/index.js index 6e1fabc68..2742cef7e 100644 --- a/ui/src/Components/Grid/AlertGrid/AlertGroup/Annotation/index.js +++ b/ui/src/Components/Grid/AlertGrid/AlertGroup/Annotation/index.js @@ -11,6 +11,8 @@ import { faExternalLinkAlt } from "@fortawesome/free-solid-svg-icons/faExternalL import { faSearchPlus } from "@fortawesome/free-solid-svg-icons/faSearchPlus"; import { faSearchMinus } from "@fortawesome/free-solid-svg-icons/faSearchMinus"; +import "./index.css"; + const RenderNonLinkAnnotation = inject("alertStore")( observer( class RenderNonLinkAnnotation extends Component { @@ -84,7 +86,7 @@ const RenderNonLinkAnnotation = inject("alertStore")( const { name, value } = this.props; const className = - "mr-1 mb-1 p-1 bg-light cursor-pointer d-inline-block rounded"; + "mr-1 mb-1 p-1 bg-light cursor-pointer d-inline-block rounded components-grid-annotation"; if (!this.toggle.visible) { return (