@syncfusion/ej2-vue-spreadsheet 19.3.58 → 19.4.41

package/package.json

@@ -1,70 +1,70 @@
 {
-	"_from": "@syncfusion/ej2-vue-spreadsheet@*",
-	"_id": "@syncfusion/ej2-vue-spreadsheet@19.3.56",
-	"_inBundle": false,
-	"_integrity": "sha512-zRgXscXrtXIKnPgx+zjoYszI78PUmEn2nfmatpu13eE0bQTgqrY6gDL/Ogu5kOzz1HSXRVCV3pJZDtz+6Tv/8A==",
-	"_location": "/@syncfusion/ej2-vue-spreadsheet",
-	"_phantomChildren": {},
-	"_requested": {
-	  "type": "range",
-	  "registry": true,
-	  "raw": "@syncfusion/ej2-vue-spreadsheet@*",
-	  "name": "@syncfusion/ej2-vue-spreadsheet",
-	  "escapedName": "@syncfusion%2fej2-vue-spreadsheet",
-	  "scope": "@syncfusion",
-	  "rawSpec": "*",
-	  "saveSpec": null,
-	  "fetchSpec": "*"
-	},
-	"_requiredBy": [
-	  "/"
-	],
-	"_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-spreadsheet/-/ej2-vue-spreadsheet-19.3.56.tgz",
-	"_shasum": "94e6ff45347ddba6dd446c4f70a2490aacc86c65",
-	"_spec": "@syncfusion/ej2-vue-spreadsheet@*",
-	"_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
-	"author": {
-	  "name": "Syncfusion Inc."
-	},
-	"bugs": {
-	  "url": "https://github.com/syncfusion/ej2-vue-ui-components/issues"
-	},
-	"bundleDependencies": false,
-	"dependencies": {
-	  "@syncfusion/ej2-base": "~19.3.56",
-	  "@syncfusion/ej2-spreadsheet": "19.3.58",
-	  "@syncfusion/ej2-vue-base": "~19.3.55"
-	},
-	"deprecated": false,
-	"description": "Feature-rich JavaScript Spreadsheet (Excel) control with built-in support for selection, editing, formatting, importing and exporting to Excel for Vue",
-	"devDependencies": {},
-	"es2015": "dist/es6/ej2-vue-spreadsheet.es2015.js",
-	"homepage": "https://github.com/syncfusion/ej2-vue-ui-components#readme",
-	"keywords": [
-	  "ej2",
-	  "ej2-spreadsheet",
-	  "syncfusion",
-	  "web-components",
-	  "typescript",
-	  "javascript",
-	  "spreadsheet",
-	  "excel like spreadsheet",
-	  "data",
-	  "vue",
-	  "vuejs",
-	  "vue-spreadsheet",
-	  "ej2-vue-spreadsheet",
-	  "vue spreadsheet",
-	  "vue excel"
-	],
-	"license": "SEE LICENSE IN license",
-	"main": "./dist/ej2-vue-spreadsheet.umd.min.js",
-	"module": "./index.js",
-	"name": "@syncfusion/ej2-vue-spreadsheet",
-	"repository": {
-	  "type": "git",
-	  "url": "git+https://github.com/syncfusion/ej2-vue-ui-components.git"
-	},
-	"version": "19.3.58",
-	"sideEffects": false
-  }
+  "_from": "@syncfusion/ej2-vue-spreadsheet@*",
+  "_id": "@syncfusion/ej2-vue-spreadsheet@19.4.40",
+  "_inBundle": false,
+  "_integrity": "sha512-d6A4DjlusAWMB3jNSYmEqk/EAbi0SsNSX8yoeR4IPf8ND0+NSPQZzTwEBP5fLNuUhq+Ckg+nWx7l+LOeTfxEXg==",
+  "_location": "/@syncfusion/ej2-vue-spreadsheet",
+  "_phantomChildren": {},
+  "_requested": {
+    "type": "range",
+    "registry": true,
+    "raw": "@syncfusion/ej2-vue-spreadsheet@*",
+    "name": "@syncfusion/ej2-vue-spreadsheet",
+    "escapedName": "@syncfusion%2fej2-vue-spreadsheet",
+    "scope": "@syncfusion",
+    "rawSpec": "*",
+    "saveSpec": null,
+    "fetchSpec": "*"
+  },
+  "_requiredBy": [
+    "/"
+  ],
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-spreadsheet/-/ej2-vue-spreadsheet-19.4.40.tgz",
+  "_shasum": "e2e6b225b616972216fea5791b65917d62760ea0",
+  "_spec": "@syncfusion/ej2-vue-spreadsheet@*",
+  "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
+  "author": {
+    "name": "Syncfusion Inc."
+  },
+  "bugs": {
+    "url": "https://github.com/syncfusion/ej2-vue-ui-components/issues"
+  },
+  "bundleDependencies": false,
+  "dependencies": {
+    "@syncfusion/ej2-base": "~19.4.38",
+    "@syncfusion/ej2-spreadsheet": "19.4.41",
+    "@syncfusion/ej2-vue-base": "~19.4.40"
+  },
+  "deprecated": false,
+  "description": "Feature-rich JavaScript Spreadsheet (Excel) control with built-in support for selection, editing, formatting, importing and exporting to Excel for Vue",
+  "devDependencies": {},
+  "es2015": "dist/es6/ej2-vue-spreadsheet.es2015.js",
+  "homepage": "https://github.com/syncfusion/ej2-vue-ui-components#readme",
+  "keywords": [
+    "ej2",
+    "ej2-spreadsheet",
+    "syncfusion",
+    "web-components",
+    "typescript",
+    "javascript",
+    "spreadsheet",
+    "excel like spreadsheet",
+    "data",
+    "vue",
+    "vuejs",
+    "vue-spreadsheet",
+    "ej2-vue-spreadsheet",
+    "vue spreadsheet",
+    "vue excel"
+  ],
+  "license": "SEE LICENSE IN license",
+  "main": "./dist/ej2-vue-spreadsheet.umd.min.js",
+  "module": "./index.js",
+  "name": "@syncfusion/ej2-vue-spreadsheet",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/syncfusion/ej2-vue-ui-components.git"
+  },
+  "version": "19.4.41",
+  "sideEffects": false
+}

package/src/spreadsheet/spreadsheet.component.d.ts

@@ -38,7 +38,7 @@ export declare class SpreadsheetComponent extends ComponentBase {
     addInvalidHighlight(range?: string): void;
     addRibbonTabs(items: Object[], insertBefore?: string): void;
     addToolbarItems(tab: string, items: Object[], index?: number): void;
-    applyFilter(predicates?: Object[], range?: string): void;
+    applyFilter(predicates?: Object[], range?: string): Object;
     autoFill(fillRange: string, dataRange?: string, direction?: Object, fillType?: Object): void;
     autoFit(range: string): void;
     cellFormat(style: Object, range?: string): void;

package/src/spreadsheet/spreadsheet.component.js

@@ -30,7 +30,7 @@ import { ConditionalFormatsDirective, ConditionalFormatDirective, ConditionalFor
 import { SheetsDirective, SheetDirective, SheetsPlugin, SheetPlugin } from './sheets.directive';
 import { DefinedNamesDirective, DefinedNameDirective, DefinedNamesPlugin, DefinedNamePlugin } from './definednames.directive';
 import { Options } from 'vue-class-component';
-export var properties = ['isLazyUpdate', 'activeSheetIndex', 'allowAutoFill', 'allowCellFormatting', 'allowChart', 'allowConditionalFormat', 'allowDataValidation', 'allowDelete', 'allowEditing', 'allowFiltering', 'allowFindAndReplace', 'allowHyperlink', 'allowImage', 'allowInsert', 'allowMerge', 'allowNumberFormatting', 'allowOpen', 'allowResizing', 'allowSave', 'allowScrolling', 'allowSorting', 'allowUndoRedo', 'allowWrap', 'autoFillSettings', 'cellStyle', 'cssClass', 'definedNames', 'enableClipboard', 'enableContextMenu', 'enableKeyboardNavigation', 'enableKeyboardShortcut', 'enablePersistence', 'enableRtl', 'height', 'isProtected', 'locale', 'openUrl', 'password', 'saveUrl', 'scrollSettings', 'selectionSettings', 'sheets', 'showFormulaBar', 'showRibbon', 'showSheetTabs', 'width', 'actionBegin', 'actionComplete', 'afterHyperlinkClick', 'afterHyperlinkCreate', 'beforeCellFormat', 'beforeCellRender', 'beforeCellSave', 'beforeConditionalFormat', 'beforeDataBound', 'beforeHyperlinkClick', 'beforeHyperlinkCreate', 'beforeOpen', 'beforeSave', 'beforeSelect', 'beforeSort', 'cellEdit', 'cellEditing', 'cellSave', 'contextMenuBeforeClose', 'contextMenuBeforeOpen', 'contextMenuItemSelect', 'created', 'dataBound', 'dataSourceChanged', 'dialogBeforeOpen', 'fileMenuBeforeClose', 'fileMenuBeforeOpen', 'fileMenuItemSelect', 'openComplete', 'openFailure', 'queryCellInfo', 'saveComplete', 'select', 'sortComplete'];
+export var properties = ['isLazyUpdate', 'activeSheetIndex', 'allowAutoFill', 'allowCellFormatting', 'allowChart', 'allowConditionalFormat', 'allowDataValidation', 'allowDelete', 'allowEditing', 'allowFiltering', 'allowFindAndReplace', 'allowHyperlink', 'allowImage', 'allowInsert', 'allowMerge', 'allowNumberFormatting', 'allowOpen', 'allowResizing', 'allowSave', 'allowScrolling', 'allowSorting', 'allowUndoRedo', 'allowWrap', 'autoFillSettings', 'cellStyle', 'cssClass', 'definedNames', 'enableClipboard', 'enableContextMenu', 'enableKeyboardNavigation', 'enableKeyboardShortcut', 'enablePersistence', 'enableRtl', 'height', 'isProtected', 'locale', 'openUrl', 'password', 'saveUrl', 'scrollSettings', 'selectionSettings', 'sheets', 'showAggregate', 'showFormulaBar', 'showRibbon', 'showSheetTabs', 'width', 'actionBegin', 'actionComplete', 'afterHyperlinkClick', 'afterHyperlinkCreate', 'beforeCellFormat', 'beforeCellRender', 'beforeCellSave', 'beforeConditionalFormat', 'beforeDataBound', 'beforeHyperlinkClick', 'beforeHyperlinkCreate', 'beforeOpen', 'beforeSave', 'beforeSelect', 'beforeSort', 'cellEdit', 'cellEditing', 'cellSave', 'contextMenuBeforeClose', 'contextMenuBeforeOpen', 'contextMenuItemSelect', 'created', 'dataBound', 'dataSourceChanged', 'dialogBeforeOpen', 'fileMenuBeforeClose', 'fileMenuBeforeOpen', 'fileMenuItemSelect', 'openComplete', 'openFailure', 'queryCellInfo', 'saveComplete', 'select', 'sortComplete'];
 export var modelProps = [];
 export var testProp = getProps({ props: properties });
 export var props = testProp[0];

package/styles/bootstrap-dark.css

@@ -1209,6 +1209,7 @@
   padding-left: 2px;
   padding-right: 2px;
   position: absolute;
+  text-decoration: inherit;
   width: 100%;
 }
 
@@ -1312,8 +1313,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #0070f0;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1330,8 +1331,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #0070f0;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -2339,18 +2340,30 @@
   margin: 4px 0;
 }
 
+.e-spreadsheet .e-open-dlg {
+  width: 340px;
+}
+
+.e-spreadsheet .e-open-dlg .e-dlg-content .e-file-alert-span {
+  color: #dd2c2c;
+  font-size: 12px;
+  padding-top: 7px;
+}
+
 .e-spreadsheet .e-find-dlg {
   height: auto;
   width: 442px;
 }
 
 .e-spreadsheet .e-find-dlg .e-dlg-content .e-find-alert-span {
-  font-weight: bold;
+  color: #dd2c2c;
+  font-size: 12px;
   padding-top: 7px;
 }
 
 .e-spreadsheet .e-find-dlg .e-dlg-content .e-replace-alert-span {
-  font-weight: bold;
+  color: #dd2c2c;
+  font-size: 12px;
   padding-top: 7px;
 }
 
@@ -2450,9 +2463,8 @@
   bottom: 0;
   float: right;
   height: 18px;
-  margin-right: -1px;
   padding: 0;
-  position: relative;
+  position: absolute;
   right: 0;
   width: 20px;
   z-index: 2;

package/styles/bootstrap.css

@@ -1216,6 +1216,7 @@
   padding-left: 2px;
   padding-right: 2px;
   position: absolute;
+  text-decoration: inherit;
   width: 100%;
 }
 
@@ -1319,8 +1320,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #317ab9;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1337,8 +1338,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #317ab9;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -2369,18 +2370,30 @@
   margin: 4px 0;
 }
 
+.e-spreadsheet .e-open-dlg {
+  width: 340px;
+}
+
+.e-spreadsheet .e-open-dlg .e-dlg-content .e-file-alert-span {
+  color: #dd2c2c;
+  font-size: 12px;
+  padding-top: 7px;
+}
+
 .e-spreadsheet .e-find-dlg {
   height: auto;
   width: 442px;
 }
 
 .e-spreadsheet .e-find-dlg .e-dlg-content .e-find-alert-span {
-  font-weight: bold;
+  color: #dd2c2c;
+  font-size: 12px;
   padding-top: 7px;
 }
 
 .e-spreadsheet .e-find-dlg .e-dlg-content .e-replace-alert-span {
-  font-weight: bold;
+  color: #dd2c2c;
+  font-size: 12px;
   padding-top: 7px;
 }
 
@@ -2480,9 +2493,8 @@
   bottom: 0;
   float: right;
   height: 18px;
-  margin-right: -1px;
   padding: 0;
-  position: relative;
+  position: absolute;
   right: 0;
   width: 20px;
   z-index: 2;

package/styles/bootstrap4.css

@@ -1252,6 +1252,7 @@
   padding-left: 2px;
   padding-right: 2px;
   position: absolute;
+  text-decoration: inherit;
   width: 100%;
 }
 
@@ -1355,8 +1356,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #007bff;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1373,8 +1374,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #007bff;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -2411,18 +2412,35 @@
   margin: 4px 0;
 }
 
+.e-spreadsheet .e-open-dlg {
+  width: 340px;
+}
+
+.e-spreadsheet .e-open-dlg .e-dlg-content .e-input-group-icon {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.e-spreadsheet .e-open-dlg .e-dlg-content .e-file-alert-span {
+  color: #dd2c2c;
+  font-size: 12px;
+  padding-top: 7px;
+}
+
 .e-spreadsheet .e-find-dlg {
   height: auto;
   width: 413px;
 }
 
 .e-spreadsheet .e-find-dlg .e-dlg-content .e-find-alert-span {
-  font-weight: bold;
+  color: #dd2c2c;
+  font-size: 12px;
   padding-top: 7px;
 }
 
 .e-spreadsheet .e-find-dlg .e-dlg-content .e-replace-alert-span {
-  font-weight: bold;
+  color: #dd2c2c;
+  font-size: 12px;
   padding-top: 7px;
 }
 
@@ -2522,9 +2540,8 @@
   bottom: 0;
   float: right;
   height: 18px;
-  margin-right: -1px;
   padding: 0;
-  position: relative;
+  position: absolute;
   right: 0;
   width: 20px;
   z-index: 2;

package/styles/bootstrap5-dark.css

@@ -1,3 +1,5 @@
+/*! Toolbar's bootstrap5 theme wise override definitions and variables */
+/*! Tab's bootstrap5 theme wise override definitions and variables */
 /*! Horizontal Tab */
 /*! Bootstrap specific themes definition's */
 /*! Vertical Tab */
@@ -66,7 +68,6 @@
 .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
 .e-float-input.e-control-wrapper.e-ddl input[readonly] {
   background: transparent;
-  color: inherit;
 }
 
 .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
@@ -1251,6 +1252,7 @@
   padding-left: 2px;
   padding-right: 2px;
   position: absolute;
+  text-decoration: inherit;
   width: 100%;
 }
 
@@ -1354,8 +1356,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #0d6efd;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1372,8 +1374,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #0d6efd;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -2376,18 +2378,30 @@
   margin: 4px 0;
 }
 
+.e-spreadsheet .e-open-dlg {
+  width: 340px;
+}
+
+.e-spreadsheet .e-open-dlg .e-dlg-content .e-file-alert-span {
+  color: #e4606d;
+  font-size: 12px;
+  padding-top: 7px;
+}
+
 .e-spreadsheet .e-find-dlg {
   height: auto;
   width: 468px;
 }
 
 .e-spreadsheet .e-find-dlg .e-dlg-content .e-find-alert-span {
-  font-weight: bold;
+  color: #e4606d;
+  font-size: 12px;
   padding-top: 7px;
 }
 
 .e-spreadsheet .e-find-dlg .e-dlg-content .e-replace-alert-span {
-  font-weight: bold;
+  color: #e4606d;
+  font-size: 12px;
   padding-top: 7px;
 }
 
@@ -2487,9 +2501,8 @@
   bottom: 0;
   float: right;
   height: 18px;
-  margin-right: -1px;
   padding: 0;
-  position: relative;
+  position: absolute;
   right: 0;
   width: 20px;
   z-index: 2;

package/styles/bootstrap5.css

@@ -1,3 +1,5 @@
+/*! Toolbar's bootstrap5 theme wise override definitions and variables */
+/*! Tab's bootstrap5 theme wise override definitions and variables */
 /*! Horizontal Tab */
 /*! Bootstrap specific themes definition's */
 /*! Vertical Tab */
@@ -66,7 +68,6 @@
 .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
 .e-float-input.e-control-wrapper.e-ddl input[readonly] {
   background: transparent;
-  color: inherit;
 }
 
 .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
@@ -1251,6 +1252,7 @@
   padding-left: 2px;
   padding-right: 2px;
   position: absolute;
+  text-decoration: inherit;
   width: 100%;
 }
 
@@ -1354,8 +1356,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #0d6efd;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1372,8 +1374,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #0d6efd;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -2376,18 +2378,30 @@
   margin: 4px 0;
 }
 
+.e-spreadsheet .e-open-dlg {
+  width: 340px;
+}
+
+.e-spreadsheet .e-open-dlg .e-dlg-content .e-file-alert-span {
+  color: #dc3545;
+  font-size: 12px;
+  padding-top: 7px;
+}
+
 .e-spreadsheet .e-find-dlg {
   height: auto;
   width: 468px;
 }
 
 .e-spreadsheet .e-find-dlg .e-dlg-content .e-find-alert-span {
-  font-weight: bold;
+  color: #dc3545;
+  font-size: 12px;
   padding-top: 7px;
 }
 
 .e-spreadsheet .e-find-dlg .e-dlg-content .e-replace-alert-span {
-  font-weight: bold;
+  color: #dc3545;
+  font-size: 12px;
   padding-top: 7px;
 }
 
@@ -2487,9 +2501,8 @@
   bottom: 0;
   float: right;
   height: 18px;
-  margin-right: -1px;
   padding: 0;
-  position: relative;
+  position: absolute;
   right: 0;
   width: 20px;
   z-index: 2;

package/styles/fabric-dark.css

@@ -1183,6 +1183,7 @@
   padding-left: 2px;
   padding-right: 2px;
   position: absolute;
+  text-decoration: inherit;
   width: 100%;
 }
 
@@ -1286,8 +1287,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #0074cc;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1304,8 +1305,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #0074cc;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -2317,18 +2318,30 @@
   margin: 4px 0;
 }
 
+.e-spreadsheet .e-open-dlg {
+  width: 340px;
+}
+
+.e-spreadsheet .e-open-dlg .e-dlg-content .e-file-alert-span {
+  color: #dd2c2c;
+  font-size: 12px;
+  padding-top: 7px;
+}
+
 .e-spreadsheet .e-find-dlg {
   height: auto;
   width: 521px;
 }
 
 .e-spreadsheet .e-find-dlg .e-dlg-content .e-find-alert-span {
-  font-weight: bold;
+  color: #dd2c2c;
+  font-size: 12px;
   padding-top: 7px;
 }
 
 .e-spreadsheet .e-find-dlg .e-dlg-content .e-replace-alert-span {
-  font-weight: bold;
+  color: #dd2c2c;
+  font-size: 12px;
   padding-top: 7px;
 }
 
@@ -2428,9 +2441,8 @@
   bottom: 0;
   float: right;
   height: 18px;
-  margin-right: -1px;
   padding: 0;
-  position: relative;
+  position: absolute;
   right: 0;
   width: 20px;
   z-index: 2;