align progress bar vertically in FF

pdb-ui/src/main/resources/resources/css/design.css

@@ -225,10 +225,6 @@ textarea {
    opacity: 1.0;
 }
 
-#navigation-bar-dashboard div {
-	float: left;
-}
-
 #dashboardControls {
 	margin-left: 1em;
 }

pdb-ui/src/main/resources/resources/js/ui.js

@@ -300,7 +300,7 @@ Vue.component('navigation-bar-dashboard', {
 	},
 	template: `
 	<div id="navigation-bar-dashboard" v-if="navigationVisible">
-		<div>
+		<div class="group">
 			<label for="dashboardSortBy">Sort by:</label>
 			<select id="dashboardSortBy" name="dashboardSortBy" v-model="dashboard.sortBy" @change="sort">
 				<option value="DEFAULT"></option>
@@ -311,7 +311,7 @@ Vue.component('navigation-bar-dashboard', {
 			</select>
 		</div>
 		<!--
-		<div>
+		<div class="group">
 			<label for="dashboardFilter">Filter by:</label>
 			<select id="dashboardFilter" name="dashboardFilter" v-model="dashboard.filter">
 				<option value="NONE">none</option>
@@ -327,7 +327,7 @@ Vue.component('navigation-bar-dashboard', {
 		</div>
 		-->
 		
-		<div id="dashboardControls" v-if="showProgressBar">
+		<div id="dashboardControls" class="group" v-if="showProgressBar">
 			<progress 
 				v-bind:max="dashboard.progress.max" 
 				v-bind:value="dashboard.progress.value"