diff --git a/ui/src/dashboards/components/DashboardHeader.js b/ui/src/dashboards/components/DashboardHeader.js index 4c78908ce..9f312d135 100644 --- a/ui/src/dashboards/components/DashboardHeader.js +++ b/ui/src/dashboards/components/DashboardHeader.js @@ -44,6 +44,22 @@ const DashboardHeader = ({ {children} } + {children.length > 1 + ?
+ + +
+ : null}
diff --git a/ui/src/style/unsorted.scss b/ui/src/style/unsorted.scss index f5307a51f..948203d7c 100644 --- a/ui/src/style/unsorted.scss +++ b/ui/src/style/unsorted.scss @@ -326,7 +326,7 @@ $tick-script-overlay-margin: 30px; .autorefresh-dropdown { display: flex; flex-wrap: nowrap; - + &.paused .dropdown { margin-right: 4px; } @@ -334,3 +334,14 @@ $tick-script-overlay-margin: 30px; width: 126px; } } + +/* + Dashboard Switcher + ----------------------------------------------------------------------------- +*/ +.dropdown.dashboard-switcher { + margin-right: 4px; +} +.dropdown.dashboard-switcher .btn.dropdown-toggle { + justify-content: center; +}