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
+ ?
+
+
+ {_.sortBy(children, c =>
+ c.props.children.props.children.toLowerCase()
+ )}
+
+
+ : 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;
+}