Moved the filter suggestions message to a tittle atribute

huridocs · Jun 3, 2016 · 60b4472 · 60b4472
1 parent 7c76bc6
commit 60b4472
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 14 deletions.
diff --git a/app/react/Templates/components/FormConfigInput.js b/app/react/Templates/components/FormConfigInput.js
@@ -58,11 +58,12 @@ export class FormConfigInput extends Component {
                 <input id={'filter' + this.props.index} type="checkbox"/>
               </FormField>
               &nbsp;
-              <label htmlFor={'filter' + this.props.index}>Use as filter</label>
-              <small>
-                This property will be used for filtering the library results.
-                When properties match in equal name and field type with other document types, they will be combined for filtering.
-              </small>
+              <label htmlFor={'filter' + this.props.index} title="This property will be used for filtering the library results.
+              When properties match in equal name and field type with other document types, they will be combined for filtering.">
+                Use as filter
+                &nbsp;
+                <i className="fa fa-question-circle"></i>
+              </label>
             </div>
             <div className="col-sm-8">
               <FilterSuggestions {...ptoperty} />

diff --git a/app/react/Templates/components/FormConfigSelect.js b/app/react/Templates/components/FormConfigSelect.js
@@ -72,11 +72,12 @@ export class FormConfigSelect extends Component {
                 <input id={'filter' + this.props.index} type="checkbox"/>
               </FormField>
               &nbsp;
-              <label htmlFor={'filter' + this.props.index}>Use as filter</label>
-              <small>
-                This property will be used for filtering the library results.
-                When properties match in equal name and field type with other document types, they will be combined for filtering.
-              </small>
+              <label htmlFor={'filter' + this.props.index} title="This property will be used for filtering the library results.
+              When properties match in equal name and field type with other document types, they will be combined for filtering.">
+                Use as filter
+                &nbsp;
+                <i className="fa fa-question-circle"></i>
+              </label>
             </div>
             <div className="col-sm-8">
               <FilterSuggestions {...ptoperty} />

diff --git a/app/react/controllers/App/scss/fixes.scss b/app/react/controllers/App/scss/fixes.scss
@@ -85,10 +85,6 @@ header ul .btn .fa {
   }
 }
 
-.well .col-sm-8 {
-  min-height: 61px;
-}
-
 .search__filter > li label {
   font-weight: bold;
 }