@syncfusion/ej2-vue-lists 20.1.47 → 20.1.55

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (48) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/dist/ej2-vue-lists.umd.min.js +9 -0
  3. package/dist/es6/ej2-vue-lists.es2015.js +2 -16
  4. package/dist/es6/ej2-vue-lists.es2015.js.map +1 -1
  5. package/dist/es6/ej2-vue-lists.es5.js +1 -10
  6. package/dist/es6/ej2-vue-lists.es5.js.map +1 -1
  7. package/dist/global/ej2-vue-lists.min.js +2 -2
  8. package/package.json +14 -8
  9. package/src/list-view/listview.component.d.ts +0 -1
  10. package/src/list-view/listview.component.js +1 -10
  11. package/styles/bootstrap-dark.css +3 -16
  12. package/styles/bootstrap.css +3 -16
  13. package/styles/bootstrap4.css +5 -18
  14. package/styles/bootstrap5-dark.css +12 -25
  15. package/styles/bootstrap5.css +12 -25
  16. package/styles/fabric-dark.css +3 -16
  17. package/styles/fabric.css +3 -16
  18. package/styles/highcontrast-light.css +3 -16
  19. package/styles/highcontrast.css +3 -16
  20. package/styles/list-view/bootstrap-dark.css +3 -16
  21. package/styles/list-view/bootstrap.css +3 -16
  22. package/styles/list-view/bootstrap4.css +5 -18
  23. package/styles/list-view/bootstrap5-dark.css +12 -25
  24. package/styles/list-view/bootstrap5.css +12 -25
  25. package/styles/list-view/fabric-dark.css +3 -16
  26. package/styles/list-view/fabric.css +3 -16
  27. package/styles/list-view/highcontrast-light.css +3 -16
  28. package/styles/list-view/highcontrast.css +3 -16
  29. package/styles/list-view/material-dark.css +3 -16
  30. package/styles/list-view/material.css +3 -16
  31. package/styles/list-view/tailwind-dark.css +18 -31
  32. package/styles/list-view/tailwind.css +18 -31
  33. package/styles/material-dark.css +3 -16
  34. package/styles/material.css +3 -16
  35. package/styles/tailwind-dark.css +18 -31
  36. package/styles/tailwind.css +18 -31
  37. package/styles/fluent-dark.css +0 -580
  38. package/styles/fluent-dark.scss +0 -2
  39. package/styles/fluent.css +0 -580
  40. package/styles/fluent.scss +0 -2
  41. package/styles/list-view/fluent-dark.css +0 -553
  42. package/styles/list-view/fluent-dark.scss +0 -1
  43. package/styles/list-view/fluent.css +0 -553
  44. package/styles/list-view/fluent.scss +0 -1
  45. package/styles/sortable/fluent-dark.css +0 -26
  46. package/styles/sortable/fluent-dark.scss +0 -1
  47. package/styles/sortable/fluent.css +0 -26
  48. package/styles/sortable/fluent.scss +0 -1
package/styles/list-view/material-dark.css CHANGED
@@ -58,11 +58,6 @@
58
58
  font-size: 20px;
59
59
  }
60
60
 
61
- .e-bigger .e-listview .e-text-content.e-checkbox .e-list-text,
62
- .e-listview.e-bigger .e-text-content.e-checkbox .e-list-text {
63
- width: calc(100% - 40px);
64
- }
65
-
66
61
  .e-listview {
67
62
  -webkit-overflow-scrolling: touch;
68
63
  border: 0 solid;
@@ -117,7 +112,7 @@
117
112
  top: 45px;
118
113
  }
119
114
 
120
- .e-listview .e-back-button {
115
+ .e-listview .e-but-back {
121
116
  cursor: pointer;
122
117
  padding-right: 30px;
123
118
  }
@@ -136,10 +131,6 @@
136
131
  padding: 0 16px;
137
132
  }
138
133
 
139
- .e-listview .e-list-group-item .e-list-text {
140
- cursor: default;
141
- }
142
-
143
134
  .e-listview .e-icon-collapsible {
144
135
  cursor: pointer;
145
136
  font-size: 12px;
@@ -217,12 +208,8 @@
217
208
  position: relative;
218
209
  }
219
210
 
220
- .e-listview .e-list-header.e-list-navigation .e-text {
221
- cursor: pointer;
222
- }
223
-
224
211
  .e-listview .e-list-header .e-text {
225
- cursor: default;
212
+ cursor: pointer;
226
213
  text-indent: 0;
227
214
  }
228
215
 
@@ -251,7 +238,7 @@
251
238
  cursor: pointer;
252
239
  }
253
240
 
254
- .e-listview.e-rtl .e-back-button {
241
+ .e-listview.e-rtl .e-but-back {
255
242
  transform: rotate(180deg);
256
243
  }
257
244
 
package/styles/list-view/material.css CHANGED
@@ -58,11 +58,6 @@
58
58
  font-size: 20px;
59
59
  }
60
60
 
61
- .e-bigger .e-listview .e-text-content.e-checkbox .e-list-text,
62
- .e-listview.e-bigger .e-text-content.e-checkbox .e-list-text {
63
- width: calc(100% - 40px);
64
- }
65
-
66
61
  .e-listview {
67
62
  -webkit-overflow-scrolling: touch;
68
63
  border: 0 solid;
@@ -117,7 +112,7 @@
117
112
  top: 45px;
118
113
  }
119
114
 
120
- .e-listview .e-back-button {
115
+ .e-listview .e-but-back {
121
116
  cursor: pointer;
122
117
  padding-right: 30px;
123
118
  }
@@ -136,10 +131,6 @@
136
131
  padding: 0 16px;
137
132
  }
138
133
 
139
- .e-listview .e-list-group-item .e-list-text {
140
- cursor: default;
141
- }
142
-
143
134
  .e-listview .e-icon-collapsible {
144
135
  cursor: pointer;
145
136
  font-size: 12px;
@@ -217,12 +208,8 @@
217
208
  position: relative;
218
209
  }
219
210
 
220
- .e-listview .e-list-header.e-list-navigation .e-text {
221
- cursor: pointer;
222
- }
223
-
224
211
  .e-listview .e-list-header .e-text {
225
- cursor: default;
212
+ cursor: pointer;
226
213
  text-indent: 0;
227
214
  }
228
215
 
@@ -251,7 +238,7 @@
251
238
  cursor: pointer;
252
239
  }
253
240
 
254
- .e-listview.e-rtl .e-back-button {
241
+ .e-listview.e-rtl .e-but-back {
255
242
  transform: rotate(180deg);
256
243
  }
257
244
 
package/styles/list-view/tailwind-dark.css CHANGED
@@ -1,11 +1,11 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
- .e-icon-collapsible::before {
3
- content: '\e748';
2
+ .e-listview .e-icon-collapsible::before {
3
+ content: '\e7b7';
4
4
  }
5
5
 
6
- .e-icon-back::before {
7
- content: '\e773';
8
- font-size: 16px;
6
+ .e-listview .e-icon-back::before {
7
+ content: '\e7a5';
8
+ font-size: 20px;
9
9
  }
10
10
 
11
11
  .e-bigger .e-listview .e-list-item,
@@ -75,15 +75,15 @@
75
75
  font-size: 14px;
76
76
  }
77
77
 
78
- .e-bigger .e-listview .e-back-button,
79
- .e-listview.e-bigger .e-back-button {
80
- margin-right: 5px;
78
+ .e-bigger .e-listview .e-but-back,
79
+ .e-listview.e-bigger .e-but-back {
80
+ margin-right: 12px;
81
81
  }
82
82
 
83
83
  .e-bigger .e-listview .e-list-icon,
84
84
  .e-listview.e-bigger .e-list-icon {
85
85
  height: 24px;
86
- margin-right: 5px;
86
+ margin-right: 12px;
87
87
  width: 24px;
88
88
  }
89
89
 
@@ -114,8 +114,8 @@
114
114
  margin-left: 12px;
115
115
  }
116
116
 
117
- .e-bigger .e-listview.e-rtl .e-back-button,
118
- .e-listview.e-bigger.e-rtl .e-back-button {
117
+ .e-bigger .e-listview.e-rtl .e-but-back,
118
+ .e-listview.e-bigger.e-rtl .e-but-back {
119
119
  margin-left: 12px;
120
120
  margin-right: 0;
121
121
  }
@@ -197,11 +197,6 @@
197
197
  padding: 12px 0;
198
198
  }
199
199
 
200
- .e-bigger .e-listview .e-text-content.e-checkbox .e-list-text,
201
- .e-listview.e-bigger .e-text-content.e-checkbox .e-list-text {
202
- width: calc(100% - 40px);
203
- }
204
-
205
200
  .e-listview {
206
201
  -webkit-overflow-scrolling: touch;
207
202
  border: 1px solid;
@@ -264,7 +259,7 @@
264
259
  top: 45px;
265
260
  }
266
261
 
267
- .e-listview .e-back-button {
262
+ .e-listview .e-but-back {
268
263
  cursor: pointer;
269
264
  margin-right: 8px;
270
265
  }
@@ -288,10 +283,6 @@
288
283
  text-transform: uppercase;
289
284
  }
290
285
 
291
- .e-listview .e-list-group-item .e-list-text {
292
- cursor: default;
293
- }
294
-
295
286
  .e-listview .e-icon-collapsible {
296
287
  cursor: pointer;
297
288
  font-size: 20px;
@@ -361,7 +352,7 @@
361
352
  }
362
353
 
363
354
  .e-listview .e-list-icon {
364
- margin-right: 2px;
355
+ margin-right: 8px;
365
356
  height: 20px;
366
357
  width: 20px;
367
358
  }
@@ -371,12 +362,8 @@
371
362
  position: relative;
372
363
  }
373
364
 
374
- .e-listview .e-list-header.e-list-navigation .e-text {
375
- cursor: pointer;
376
- }
377
-
378
365
  .e-listview .e-list-header .e-text {
379
- cursor: default;
366
+ cursor: pointer;
380
367
  text-indent: 0;
381
368
  }
382
369
 
@@ -409,7 +396,7 @@
409
396
  cursor: pointer;
410
397
  }
411
398
 
412
- .e-listview.e-rtl .e-back-button {
399
+ .e-listview.e-rtl .e-but-back {
413
400
  transform: rotate(180deg);
414
401
  margin-left: 8px;
415
402
  margin-right: 0;
@@ -440,7 +427,7 @@
440
427
  color: #d1d5db;
441
428
  }
442
429
 
443
- .e-listview .e-icons.e-back-button:hover, .e-listview .e-icons.e-icon-collapsible:hover {
430
+ .e-listview .e-icons.e-but-back:hover, .e-listview .e-icons.e-icon-collapsible:hover {
444
431
  color: #f3f4f6;
445
432
  }
446
433
 
@@ -493,7 +480,7 @@
493
480
  }
494
481
 
495
482
  .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line).e-list-badge:not(.e-list-avatar) {
496
- padding: 0 8px 0 12px;
483
+ padding: 0 10px 0 16px;
497
484
  }
498
485
 
499
486
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line {
@@ -568,7 +555,7 @@
568
555
  .e-listview.e-list-template .e-list-wrapper.e-list-badge .e-badge {
569
556
  font-size: 10px;
570
557
  height: 18px;
571
- line-height: 18px;
558
+ line-height: 16px;
572
559
  padding: 0;
573
560
  position: absolute;
574
561
  right: 12px;
package/styles/list-view/tailwind.css CHANGED
@@ -1,11 +1,11 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
- .e-icon-collapsible::before {
3
- content: '\e748';
2
+ .e-listview .e-icon-collapsible::before {
3
+ content: '\e7b7';
4
4
  }
5
5
 
6
- .e-icon-back::before {
7
- content: '\e773';
8
- font-size: 16px;
6
+ .e-listview .e-icon-back::before {
7
+ content: '\e7a5';
8
+ font-size: 20px;
9
9
  }
10
10
 
11
11
  .e-bigger .e-listview .e-list-item,
@@ -75,15 +75,15 @@
75
75
  font-size: 14px;
76
76
  }
77
77
 
78
- .e-bigger .e-listview .e-back-button,
79
- .e-listview.e-bigger .e-back-button {
80
- margin-right: 5px;
78
+ .e-bigger .e-listview .e-but-back,
79
+ .e-listview.e-bigger .e-but-back {
80
+ margin-right: 12px;
81
81
  }
82
82
 
83
83
  .e-bigger .e-listview .e-list-icon,
84
84
  .e-listview.e-bigger .e-list-icon {
85
85
  height: 24px;
86
- margin-right: 5px;
86
+ margin-right: 12px;
87
87
  width: 24px;
88
88
  }
89
89
 
@@ -114,8 +114,8 @@
114
114
  margin-left: 12px;
115
115
  }
116
116
 
117
- .e-bigger .e-listview.e-rtl .e-back-button,
118
- .e-listview.e-bigger.e-rtl .e-back-button {
117
+ .e-bigger .e-listview.e-rtl .e-but-back,
118
+ .e-listview.e-bigger.e-rtl .e-but-back {
119
119
  margin-left: 12px;
120
120
  margin-right: 0;
121
121
  }
@@ -197,11 +197,6 @@
197
197
  padding: 12px 0;
198
198
  }
199
199
 
200
- .e-bigger .e-listview .e-text-content.e-checkbox .e-list-text,
201
- .e-listview.e-bigger .e-text-content.e-checkbox .e-list-text {
202
- width: calc(100% - 40px);
203
- }
204
-
205
200
  .e-listview {
206
201
  -webkit-overflow-scrolling: touch;
207
202
  border: 1px solid;
@@ -264,7 +259,7 @@
264
259
  top: 45px;
265
260
  }
266
261
 
267
- .e-listview .e-back-button {
262
+ .e-listview .e-but-back {
268
263
  cursor: pointer;
269
264
  margin-right: 8px;
270
265
  }
@@ -288,10 +283,6 @@
288
283
  text-transform: uppercase;
289
284
  }
290
285
 
291
- .e-listview .e-list-group-item .e-list-text {
292
- cursor: default;
293
- }
294
-
295
286
  .e-listview .e-icon-collapsible {
296
287
  cursor: pointer;
297
288
  font-size: 20px;
@@ -361,7 +352,7 @@
361
352
  }
362
353
 
363
354
  .e-listview .e-list-icon {
364
- margin-right: 2px;
355
+ margin-right: 8px;
365
356
  height: 20px;
366
357
  width: 20px;
367
358
  }
@@ -371,12 +362,8 @@
371
362
  position: relative;
372
363
  }
373
364
 
374
- .e-listview .e-list-header.e-list-navigation .e-text {
375
- cursor: pointer;
376
- }
377
-
378
365
  .e-listview .e-list-header .e-text {
379
- cursor: default;
366
+ cursor: pointer;
380
367
  text-indent: 0;
381
368
  }
382
369
 
@@ -409,7 +396,7 @@
409
396
  cursor: pointer;
410
397
  }
411
398
 
412
- .e-listview.e-rtl .e-back-button {
399
+ .e-listview.e-rtl .e-but-back {
413
400
  transform: rotate(180deg);
414
401
  margin-left: 8px;
415
402
  margin-right: 0;
@@ -440,7 +427,7 @@
440
427
  color: #6b7280;
441
428
  }
442
429
 
443
- .e-listview .e-icons.e-back-button:hover, .e-listview .e-icons.e-icon-collapsible:hover {
430
+ .e-listview .e-icons.e-but-back:hover, .e-listview .e-icons.e-icon-collapsible:hover {
444
431
  color: #374151;
445
432
  }
446
433
 
@@ -493,7 +480,7 @@
493
480
  }
494
481
 
495
482
  .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line).e-list-badge:not(.e-list-avatar) {
496
- padding: 0 8px 0 12px;
483
+ padding: 0 10px 0 16px;
497
484
  }
498
485
 
499
486
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line {
@@ -568,7 +555,7 @@
568
555
  .e-listview.e-list-template .e-list-wrapper.e-list-badge .e-badge {
569
556
  font-size: 10px;
570
557
  height: 18px;
571
- line-height: 18px;
558
+ line-height: 16px;
572
559
  padding: 0;
573
560
  position: absolute;
574
561
  right: 12px;
package/styles/material-dark.css CHANGED
@@ -58,11 +58,6 @@
58
58
  font-size: 20px;
59
59
  }
60
60
 
61
- .e-bigger .e-listview .e-text-content.e-checkbox .e-list-text,
62
- .e-listview.e-bigger .e-text-content.e-checkbox .e-list-text {
63
- width: calc(100% - 40px);
64
- }
65
-
66
61
  .e-listview {
67
62
  -webkit-overflow-scrolling: touch;
68
63
  border: 0 solid;
@@ -117,7 +112,7 @@
117
112
  top: 45px;
118
113
  }
119
114
 
120
- .e-listview .e-back-button {
115
+ .e-listview .e-but-back {
121
116
  cursor: pointer;
122
117
  padding-right: 30px;
123
118
  }
@@ -136,10 +131,6 @@
136
131
  padding: 0 16px;
137
132
  }
138
133
 
139
- .e-listview .e-list-group-item .e-list-text {
140
- cursor: default;
141
- }
142
-
143
134
  .e-listview .e-icon-collapsible {
144
135
  cursor: pointer;
145
136
  font-size: 12px;
@@ -217,12 +208,8 @@
217
208
  position: relative;
218
209
  }
219
210
 
220
- .e-listview .e-list-header.e-list-navigation .e-text {
221
- cursor: pointer;
222
- }
223
-
224
211
  .e-listview .e-list-header .e-text {
225
- cursor: default;
212
+ cursor: pointer;
226
213
  text-indent: 0;
227
214
  }
228
215
 
@@ -251,7 +238,7 @@
251
238
  cursor: pointer;
252
239
  }
253
240
 
254
- .e-listview.e-rtl .e-back-button {
241
+ .e-listview.e-rtl .e-but-back {
255
242
  transform: rotate(180deg);
256
243
  }
257
244
 
package/styles/material.css CHANGED
@@ -58,11 +58,6 @@
58
58
  font-size: 20px;
59
59
  }
60
60
 
61
- .e-bigger .e-listview .e-text-content.e-checkbox .e-list-text,
62
- .e-listview.e-bigger .e-text-content.e-checkbox .e-list-text {
63
- width: calc(100% - 40px);
64
- }
65
-
66
61
  .e-listview {
67
62
  -webkit-overflow-scrolling: touch;
68
63
  border: 0 solid;
@@ -117,7 +112,7 @@
117
112
  top: 45px;
118
113
  }
119
114
 
120
- .e-listview .e-back-button {
115
+ .e-listview .e-but-back {
121
116
  cursor: pointer;
122
117
  padding-right: 30px;
123
118
  }
@@ -136,10 +131,6 @@
136
131
  padding: 0 16px;
137
132
  }
138
133
 
139
- .e-listview .e-list-group-item .e-list-text {
140
- cursor: default;
141
- }
142
-
143
134
  .e-listview .e-icon-collapsible {
144
135
  cursor: pointer;
145
136
  font-size: 12px;
@@ -217,12 +208,8 @@
217
208
  position: relative;
218
209
  }
219
210
 
220
- .e-listview .e-list-header.e-list-navigation .e-text {
221
- cursor: pointer;
222
- }
223
-
224
211
  .e-listview .e-list-header .e-text {
225
- cursor: default;
212
+ cursor: pointer;
226
213
  text-indent: 0;
227
214
  }
228
215
 
@@ -251,7 +238,7 @@
251
238
  cursor: pointer;
252
239
  }
253
240
 
254
- .e-listview.e-rtl .e-back-button {
241
+ .e-listview.e-rtl .e-but-back {
255
242
  transform: rotate(180deg);
256
243
  }
257
244
 
package/styles/tailwind-dark.css CHANGED
@@ -1,12 +1,12 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
2
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
3
- .e-icon-collapsible::before {
4
- content: '\e748';
3
+ .e-listview .e-icon-collapsible::before {
4
+ content: '\e7b7';
5
5
  }
6
6
 
7
- .e-icon-back::before {
8
- content: '\e773';
9
- font-size: 16px;
7
+ .e-listview .e-icon-back::before {
8
+ content: '\e7a5';
9
+ font-size: 20px;
10
10
  }
11
11
 
12
12
  .e-bigger .e-listview .e-list-item,
@@ -76,15 +76,15 @@
76
76
  font-size: 14px;
77
77
  }
78
78
 
79
- .e-bigger .e-listview .e-back-button,
80
- .e-listview.e-bigger .e-back-button {
81
- margin-right: 5px;
79
+ .e-bigger .e-listview .e-but-back,
80
+ .e-listview.e-bigger .e-but-back {
81
+ margin-right: 12px;
82
82
  }
83
83
 
84
84
  .e-bigger .e-listview .e-list-icon,
85
85
  .e-listview.e-bigger .e-list-icon {
86
86
  height: 24px;
87
- margin-right: 5px;
87
+ margin-right: 12px;
88
88
  width: 24px;
89
89
  }
90
90
 
@@ -115,8 +115,8 @@
115
115
  margin-left: 12px;
116
116
  }
117
117
 
118
- .e-bigger .e-listview.e-rtl .e-back-button,
119
- .e-listview.e-bigger.e-rtl .e-back-button {
118
+ .e-bigger .e-listview.e-rtl .e-but-back,
119
+ .e-listview.e-bigger.e-rtl .e-but-back {
120
120
  margin-left: 12px;
121
121
  margin-right: 0;
122
122
  }
@@ -198,11 +198,6 @@
198
198
  padding: 12px 0;
199
199
  }
200
200
 
201
- .e-bigger .e-listview .e-text-content.e-checkbox .e-list-text,
202
- .e-listview.e-bigger .e-text-content.e-checkbox .e-list-text {
203
- width: calc(100% - 40px);
204
- }
205
-
206
201
  .e-listview {
207
202
  -webkit-overflow-scrolling: touch;
208
203
  border: 1px solid;
@@ -265,7 +260,7 @@
265
260
  top: 45px;
266
261
  }
267
262
 
268
- .e-listview .e-back-button {
263
+ .e-listview .e-but-back {
269
264
  cursor: pointer;
270
265
  margin-right: 8px;
271
266
  }
@@ -289,10 +284,6 @@
289
284
  text-transform: uppercase;
290
285
  }
291
286
 
292
- .e-listview .e-list-group-item .e-list-text {
293
- cursor: default;
294
- }
295
-
296
287
  .e-listview .e-icon-collapsible {
297
288
  cursor: pointer;
298
289
  font-size: 20px;
@@ -362,7 +353,7 @@
362
353
  }
363
354
 
364
355
  .e-listview .e-list-icon {
365
- margin-right: 2px;
356
+ margin-right: 8px;
366
357
  height: 20px;
367
358
  width: 20px;
368
359
  }
@@ -372,12 +363,8 @@
372
363
  position: relative;
373
364
  }
374
365
 
375
- .e-listview .e-list-header.e-list-navigation .e-text {
376
- cursor: pointer;
377
- }
378
-
379
366
  .e-listview .e-list-header .e-text {
380
- cursor: default;
367
+ cursor: pointer;
381
368
  text-indent: 0;
382
369
  }
383
370
 
@@ -410,7 +397,7 @@
410
397
  cursor: pointer;
411
398
  }
412
399
 
413
- .e-listview.e-rtl .e-back-button {
400
+ .e-listview.e-rtl .e-but-back {
414
401
  transform: rotate(180deg);
415
402
  margin-left: 8px;
416
403
  margin-right: 0;
@@ -441,7 +428,7 @@
441
428
  color: #d1d5db;
442
429
  }
443
430
 
444
- .e-listview .e-icons.e-back-button:hover, .e-listview .e-icons.e-icon-collapsible:hover {
431
+ .e-listview .e-icons.e-but-back:hover, .e-listview .e-icons.e-icon-collapsible:hover {
445
432
  color: #f3f4f6;
446
433
  }
447
434
 
@@ -494,7 +481,7 @@
494
481
  }
495
482
 
496
483
  .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line).e-list-badge:not(.e-list-avatar) {
497
- padding: 0 8px 0 12px;
484
+ padding: 0 10px 0 16px;
498
485
  }
499
486
 
500
487
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line {
@@ -569,7 +556,7 @@
569
556
  .e-listview.e-list-template .e-list-wrapper.e-list-badge .e-badge {
570
557
  font-size: 10px;
571
558
  height: 18px;
572
- line-height: 18px;
559
+ line-height: 16px;
573
560
  padding: 0;
574
561
  position: absolute;
575
562
  right: 12px;