Merge pull request #1940 from influxdata/fix-duration-cell-width

Fix Sizing of Table in Admin > Databases

CHANGELOG.md

@@ -10,6 +10,7 @@
 
 ### UI Improvements
 1. [#1933](https://github.com/influxdata/chronograf/pull/1933): Use line-stacked graph type for memory information - thank you, @Joxit!
+1. [#1940](https://github.com/influxdata/chronograf/pull/1940): Improve cell sizes in Admin Database tables
 1. [#1942](https://github.com/influxdata/chronograf/pull/1942): Polish appearance of optional alert parameters in Kapacitor rule builder
 
 ## v1.3.7.0 [2017-08-23]

ui/src/admin/components/DatabaseRow.js

@@ -140,7 +140,7 @@ class DatabaseRow extends Component {
     if (isEditing) {
       return (
         <tr>
-          <td>
+          <td style={{width: `${DATABASE_TABLE.colRetentionPolicy}px`}}>
             {isNew
               ? <input
                   className="form-control input-xs"
@@ -161,7 +161,7 @@ class DatabaseRow extends Component {
               name="name"
               type="text"
               defaultValue={formattedDuration}
-              placeholder="How long should Data last"
+              placeholder="INF, 5m, 1d etc"
               onKeyDown={this.handleKeyDown}
               ref={r => (this.duration = r)}
               autoFocus={!isNew}

ui/src/admin/components/DatabaseTable.js

@@ -52,7 +52,9 @@ const DatabaseTable = ({
         <table className="table v-center table-highlight">
           <thead>
             <tr>
-              <th>Retention Policy</th>
+              <th style={{width: `${DATABASE_TABLE.colRetentionPolicy}px`}}>
+                Retention Policy
+              </th>
               <th style={{width: `${DATABASE_TABLE.colDuration}px`}}>
                 Duration
               </th>