chore(paging): set fixed 30px in input since it has 200px by default …

…in the paging demo
Teradata · Aug 31, 2017 · 70583f2 · 70583f2
1 parent df549f9
commit 70583f2
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/app/components/components/paging/paging.component.html b/src/app/components/components/paging/paging.component.html
@@ -194,7 +194,7 @@
       <md-divider></md-divider>
       <td-paging-bar #pagingBarInput pageLinkCount="5" [firstLast]="false" [pageSize]="100" [total]="1345" (change)="changeInput($event)">
         <p hide-xs>Go to:</p>
-        <md-form-field>
+        <md-form-field [style.width.px]="30">
           <input #goToInput
                   mdInput
                   type="number"
@@ -215,7 +215,7 @@
           <![CDATA[
             <td-paging-bar #pagingBarInput pageLinkCount="5" [firstLast]="false" [pageSize]="100" [total]="1345" (change)="changeInput($event)">
               <p hide-xs>Go to:</p>
-              <md-form-field>
+              <md-form-field [style.width.px]="30">
                 <input #goToInput
                         mdInput
                         type="number"
@@ -278,7 +278,7 @@
             </md-option>
           </md-select>
           <p hide-xs hide-sm hide-md>Go to:</p>
-          <md-form-field *ngIf="media.registerQuery('gt-sm') | async">
+          <md-form-field [style.width.px]="30" *ngIf="media.registerQuery('gt-sm') | async">
             <input #goToResponsive
                     mdInput
                     type="number"
@@ -310,7 +310,7 @@
                 </md-option>
               </md-select>
               <p hide-xs hide-sm hide-md>Go to:</p>
-              <md-form-field *ngIf="media.registerQuery('gt-sm') | async">
+              <md-form-field [style.width.px]="30" *ngIf="media.registerQuery('gt-sm') | async">
                 <input #goToResponsive
                         mdInput
                         type="number"