Fix top search area alignment (mlflow#1590)

* fix * address comments
nlaille · Jul 16, 2019 · d1186ff · d1186ff
1 parent 4563365
commit d1186ff
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/mlflow/server/js/src/components/ExperimentView.css b/mlflow/server/js/src/components/ExperimentView.css
@@ -55,6 +55,7 @@
 
 .ExperimentView-search-controls {
   margin-top: 8px;
+  min-width: 800px;
 }
 
 .ExperimentView-run-buttons{

diff --git a/mlflow/server/js/src/components/ExperimentView.js b/mlflow/server/js/src/components/ExperimentView.js
@@ -323,7 +323,7 @@ export class ExperimentView extends Component {
             <div className="ExperimentView-search-inputs">
               <div className="ExperimentView-search">
                 <div className="ExperimentView-search-input">
-                  <label className="filter-label">Search Expression:</label>
+                  <label className="filter-label">Search Runs:</label>
                   <div className="filter-wrapper">
                     <input
                       className="ExperimentView-searchInput"
@@ -375,7 +375,7 @@ export class ExperimentView extends Component {
               </div>
               <div className="ExperimentView-keyFilters">
                 <div className="ExperimentView-paramKeyFilter">
-                  <label className="filter-label">Params:</label>
+                  <label className="filter-label">Filter Params:</label>
                   <div className="filter-wrapper">
                     <input type="text"
                            placeholder="alpha, lr"
@@ -385,8 +385,8 @@ export class ExperimentView extends Component {
                   </div>
                 </div>
                 <div className="ExperimentView-metricKeyFilter">
-                  <label className="filter-label">Metrics:</label>
-                  <div className="filter-wrapper">
+                  <label className="filter-label metrics-filter-label">Filter Metrics:</label>
+                  <div className="filter-wrapper metrics-filter-wrapper">
                     <input type="text"
                            placeholder="rmse, r2"
                            value={this.state.metricKeyFilterInput}