diff --git a/docs/img/multiGrid.png b/docs/img/multiGrid.png index db5be00a6..b2274dfef 100644 Binary files a/docs/img/multiGrid.png and b/docs/img/multiGrid.png differ diff --git a/ui/src/Components/Grid/AlertGrid/Grid.js b/ui/src/Components/Grid/AlertGrid/Grid.js index a64c06b6b..4b288e347 100644 --- a/ui/src/Components/Grid/AlertGrid/Grid.js +++ b/ui/src/Components/Grid/AlertGrid/Grid.js @@ -9,6 +9,7 @@ import debounce from "lodash/debounce"; import MasonryInfiniteScroller from "react-masonry-infinite"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import { faTh } from "@fortawesome/free-solid-svg-icons/faTh"; import { faChevronUp } from "@fortawesome/free-solid-svg-icons/faChevronUp"; import { faChevronDown } from "@fortawesome/free-solid-svg-icons/faChevronDown"; import { faAngleDoubleDown } from "@fortawesome/free-solid-svg-icons/faAngleDoubleDown"; @@ -162,7 +163,23 @@ const Grid = observer( {grid.labelName !== "" && (
- + + + + + {grid.labelName !== "" && grid.labelValue !== "" && ( + + )} + + - - - {grid.labelName !== "" && grid.labelValue !== "" && ( - - )} - - - - - + + + + +
)} diff --git a/ui/src/Styles/Components/AlertGrid.scss b/ui/src/Styles/Components/AlertGrid.scss index 9fc81be12..d4850fa21 100644 --- a/ui/src/Styles/Components/AlertGrid.scss +++ b/ui/src/Styles/Components/AlertGrid.scss @@ -8,6 +8,7 @@ } .components-grid-swimlane { + font-size: 1.4rem; background-color: $grid-swimlane-bg; margin-left: 0.3rem; margin-right: 0.3rem;