Reduce IntervalUI height

Nathanael Jourdane
1 parent ebd733ce
Showing 1 changed file with 16 additions and 13 deletions Show diff stats
js/app/views/IntervalUI.js
@@ -191,7 +191,6 @@ Ext.define(&#39;amdaUI.IntervalUI&#39;, {
 					enforceMaxLength: true,
 					maxLength: 19,
 					fieldLabel: fieldText,
-					labelAlign: 'right',
 					labelWidth: 60,
                     listeners: {
                         change: onChangeField,
@@ -219,9 +218,11 @@ Ext.define(&#39;amdaUI.IntervalUI&#39;, {
 	{
             return {
             layout: {type: 'hbox', align: 'middle'},
-            height: 45,
+            margin: 0,
             defaults: {
-                xtype: 'textfield', labelAlign: 'top', width: 30,
+                xtype: 'textfield',
+                width: 35,
+                margin: '0 5 0 0',
                 allowBlank: false, maxLength:2, enforceMaxLength : true,
                 hideTrigger: true,
                 regex: /^[0-9]([0-9])*$/i,
@@ -235,19 +236,21 @@ Ext.define(&#39;amdaUI.IntervalUI&#39;, {
                     focus: function(field) {
                         this.activeField = 'duration';
                     },
+                    render: function(c) {
+                        Ext.create('Ext.tip.ToolTip', {
+                            target: c.getEl(),
+                            html: c.tip
+                        });
+                    },
                     scope : this
                 }
             },
             items:[
-                { xtype: 'displayfield', labelWidth: 60, labelAlign: 'right', width: 60, fieldLabel: '<br>Duration'},
-                { xtype: 'component', width: 5},
-                { name: 'durationDay', fieldLabel: 'Days', width: 45, maxLength: ('' + this.durationLimit).length},
-                { xtype: 'component', width: 5},
-                { name: 'durationHour', fieldLabel: 'Hrs'},
-                { xtype: 'component', width: 5},
-                { name: 'durationMin', fieldLabel: 'Mins'},
-                { xtype: 'component', width: 5},
-                { name: 'durationSec', fieldLabel: 'Secs'}
+                // { xtype: 'displayfield', labelWidth: 60, labelAlign: 'right', },
+                { name: 'durationDay', tip: 'Days', fieldLabel: 'Duration', labelWidth: 60, emptyText: 'Days', width: 100, maxLength: ('' + this.durationLimit).length},
+                { name: 'durationHour', tip: 'Hours', emptyText: 'Hrs'},
+                { name: 'durationMin', tip: 'Minutes', emptyText: 'Mins'},
+                { name: 'durationSec', tip: 'Seconds', emptyText: 'Secs'}
             ]
         };
 	},
@@ -262,7 +265,7 @@ Ext.define(&#39;amdaUI.IntervalUI&#39;, {
                     plain: true,
                     flex: 1,
                     layout: 'anchor',
-                    defaults: { height : 30, xtype : 'container'},
+                    defaults: { margin: '0 0 5 0', xtype : 'container'},
  
                     items: [
                             me.getStartField(),