@syncfusion/ej2-vue-pdfviewer 19.4.50 → 19.4.54

package/styles/pdfviewer/bootstrap4.css

@@ -896,6 +896,17 @@ input.e-pv-input-password::-ms-reveal {
   margin-right: 0;
 }
 
+.e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
+.e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
+  padding-bottom: 0;
+}
+
+.e-pv-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
+.e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
+  line-height: 26px;
+  min-height: 26px;
+}
+
 .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
 .e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
 .e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
@@ -1612,6 +1623,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   padding-right: 18px;
 }
 
+.e-pv-bookmark-title {
+  padding-left: 40px;
+}
+
 .e-bigger div > .e-pv-bookmark-icon.e-pv-icon {
   font-size: 18px;
 }
@@ -1684,6 +1699,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-shapes-toolbar .e-pv-tbar-btn,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
+.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
+.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
   color: #495057;
 }
@@ -2008,8 +2025,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   vertical-align: initial;
 }
 
-.e-pv-custom-annotation-thickness-container .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon {
-  padding-top: 7px;
+.e-pv-custom-annotation-thickness-container .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon,
+.e-pv-custom-annotation-opacity-container .e-btn-icon.e-pv-annotation-opacity-icon.e-pv-icon {
   vertical-align: initial;
 }
 
@@ -2068,6 +2085,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-opacity-container,
 .e-pv-annotation-stroke-container,
 .e-pv-custom-annotation-thickness-container,
+.e-pv-custom-annotation-opacity-container,
 .e-pv-annotation-thickness-container,
 .e-pv-annotation-textcolor-container,
 .e-pv-annotation-textalign-container,
@@ -2167,6 +2185,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-opacity-container.e-dropdown-btn.e-btn,
 .e-pv-annotation-stroke-container.e-dropdown-btn.e-btn,
 .e-pv-custom-annotation-thickness-container.e-dropdown-btn.e-btn,
+.e-pv-custom-annotation-opacity-container.e-dropdown-btn.e-btn,
 .e-pv-annotation-thickness-container.e-dropdown-btn.e-btn,
 .e-pv-annotation-textcolor-container.e-dropdown-btn.e-btn,
 .e-pv-annotation-textalign-container.e-dropdown-btn.e-btn,
@@ -2179,6 +2198,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-opacity-container.e-dropdown-btn.e-button,
 .e-pv-annotation-stroke-container.e-dropdown-btn.e-button,
 .e-pv-custom-annotation-thickness-container.e-dropdown-btn.e-button,
+.e-pv-custom-annotation-opacity-container.e-dropdown-btn.e-button,
 .e-pv-annotation-thickness-container.e-dropdown-btn.e-bbuttontn,
 .e-pv-annotation-textcolor-container.e-dropdown-btn.e-button,
 .e-pv-annotation-textalign-container.e-dropdown-btn.e-button,
@@ -2217,6 +2237,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   max-width: 420px;
 }
 
+.e-pv-scale-ratio-dialog {
+  max-width: 500px;
+}
+
 .e-pv-line-styles-content,
 .e-pv-line-styles-item {
   border-bottom-color: #000;
@@ -2256,6 +2280,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-properties-line-opacity-container {
   float: left;
   height: auto;
+  width: 180px;
 }
 
 .e-pv-scale-ratio-src-input-container,
@@ -2334,7 +2359,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-properties-line-style,
 .e-pv-properties-line-thickness,
 .e-pv-properties-line-opacity,
-.e-pv-properties-line-leader-length,
+.e-pv-properties-line-leader-length {
+  max-width: 180px;
+}
+
 .e-pv-scale-ratio-src-input,
 .e-pv-scale-ratio-dest-input,
 .e-pv-depth-input {
@@ -2343,7 +2371,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-properties-line-start,
 .e-pv-properties-line-end,
-.e-pv-properties-line-style,
+.e-pv-properties-line-style {
+  width: 180px;
+}
+
 .e-pv-scale-ratio-src-unit,
 .e-pv-scale-ratio-dest-unit,
 .e-pv-depth-unit {
@@ -3375,8 +3406,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-properties-form-field-btn-textarea-container {
   display: -ms-flexbox;
   display: flex;
-  padding-top: 15px;
   width: 385px;
+  padding-top: 15px;
 }
 
 .e-pv-properties-dropdown-btn {

package/styles/pdfviewer/bootstrap5-dark.css

@@ -893,6 +893,17 @@ input.e-pv-input-password::-ms-reveal {
   padding: 0 4px;
 }
 
+.e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
+.e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
+  padding-bottom: 0;
+}
+
+.e-pv-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
+.e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
+  line-height: 26px;
+  min-height: 26px;
+}
+
 .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
 .e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
 .e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
@@ -1547,15 +1558,19 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-bookmark-view {
   height: 100%;
   overflow: auto;
-  padding-top: 15px;
+  padding-top: 0;
   position: relative;
 }
 
 div > .e-pv-bookmark-icon.e-pv-icon {
   float: left;
   font-size: 14px;
-  padding-left: 6px;
-  padding-right: 18px;
+  padding-left: 0;
+  padding-right: 16px;
+}
+
+.e-pv-bookmark-title {
+  padding-left: 30px;
 }
 
 .e-pv-sidebar-bookmark-title {
@@ -1626,6 +1641,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-shapes-toolbar .e-pv-tbar-btn,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
+.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
+.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
   color: #adb5bd;
   box-shadow: none;
@@ -1904,8 +1921,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   vertical-align: initial;
 }
 
-.e-pv-custom-annotation-thickness-container .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon {
-  padding-top: 7px;
+.e-pv-custom-annotation-thickness-container .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon,
+.e-pv-custom-annotation-opacity-container .e-btn-icon.e-pv-annotation-opacity-icon.e-pv-icon {
   padding-top: 0;
   vertical-align: initial;
 }
@@ -1965,6 +1982,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-opacity-container,
 .e-pv-annotation-stroke-container,
 .e-pv-custom-annotation-thickness-container,
+.e-pv-custom-annotation-opacity-container,
 .e-pv-annotation-thickness-container,
 .e-pv-annotation-textcolor-container,
 .e-pv-annotation-textalign-container,
@@ -2061,14 +2079,15 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-opacity-container.e-dropdown-btn.e-btn,
 .e-pv-annotation-stroke-container.e-dropdown-btn.e-btn,
 .e-pv-custom-annotation-thickness-container.e-dropdown-btn.e-btn,
+.e-pv-custom-annotation-opacity-container.e-dropdown-btn.e-btn,
 .e-pv-annotation-thickness-container.e-dropdown-btn.e-btn,
 .e-pv-annotation-textcolor-container.e-dropdown-btn.e-btn,
 .e-pv-annotation-textalign-container.e-dropdown-btn.e-btn,
 .e-pv-annotation-textprop-container.e-dropdown-btn.e-btn {
   line-height: 1.6em;
-  padding: 8px 7px 6px;
-  -ms-flex-align: baseline;
-      align-items: baseline;
+  padding: 10px 7px 7px;
+  -ms-flex-align: center;
+      align-items: center;
   display: -ms-flexbox;
   display: flex;
 }
@@ -2077,12 +2096,13 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-opacity-container.e-dropdown-btn.e-button,
 .e-pv-annotation-stroke-container.e-dropdown-btn.e-button,
 .e-pv-custom-annotation-thickness-container.e-dropdown-btn.e-button,
+.e-pv-custom-annotation-opacity-container.e-dropdown-btn.e-button,
 .e-pv-annotation-thickness-container.e-dropdown-btn.e-bbuttontn,
 .e-pv-annotation-textcolor-container.e-dropdown-btn.e-button,
 .e-pv-annotation-textalign-container.e-dropdown-btn.e-button,
 .e-pv-annotation-textprop-container.e-dropdown-btn.e-button {
   line-height: 1.6em;
-  padding: 8px 7px 6px;
+  padding: 10px 7px 7px;
   -ms-flex-align: baseline;
       align-items: baseline;
   display: -ms-flexbox;
@@ -2097,6 +2117,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-textcolor-container.e-btn.e-active,
 .e-pv-annotation-textprop-container.e-btn.e-active,
 .e-pv-custom-annotation-thickness-container.e-btn.e-active,
+.e-pv-custom-annotation-opacity-container.e-btn.e-active,
 .e-pv-annotation-handwritten-container.e-btn.e-active,
 .e-pv-annotation-textalign-container.e-btn.e-active {
   background-color: #5c636a;
@@ -2111,6 +2132,13 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   padding: 0 8px;
 }
 
+.e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-menu-icon .e-caret,
+.e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item.e-focused .e-menu-icon .e-caret {
+  height: 32px;
+  line-height: 32px;
+  padding: 0 8px;
+}
+
 .e-pv-submit .e-tbar-btn {
   height: 30px;
 }
@@ -2142,7 +2170,11 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 }
 
 .e-pv-scale-ratio-window {
-  max-width: 408px;
+  max-width: 476px;
+}
+
+.e-pv-scale-ratio-dialog {
+  max-width: 476px;
 }
 
 .e-pv-line-styles-content,
@@ -2189,6 +2221,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-properties-line-opacity-container {
   float: left;
   height: auto;
+  width: 180px;
 }
 
 .e-pv-scale-ratio-src-input-container,
@@ -2198,20 +2231,20 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-depth-input-container,
 .e-pv-depth-unit-container {
   float: left;
-  height: 24px;
+  height: 32px;
 }
 
 .e-pv-scale-ratio-src-input-container,
 .e-pv-scale-ratio-src-unit-container,
 .e-pv-scale-ratio-dest-input-container,
 .e-pv-scale-ratio-dest-unit-container {
-  margin-bottom: 24px;
+  margin-bottom: 8px;
 }
 
 .e-pv-scale-ratio-src-unit-container,
 .e-pv-scale-ratio-dest-unit-container,
 .e-pv-depth-unit-container {
-  margin-left: 10px;
+  margin-left: 12px;
 }
 
 .e-pv-scale-ratio-src-unit.e-btn,
@@ -2228,8 +2261,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-scale-ratio-src-unit .e-caret,
 .e-pv-scale-ratio-dest-unit .e-caret,
 .e-pv-depth-unit .e-caret {
-  margin-left: 96px;
-  margin-top: 4px;
+  margin-left: 120px;
+  margin-top: 7px;
 }
 
 .e-pv-properties-line-opacity {
@@ -2267,20 +2300,26 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-properties-line-style,
 .e-pv-properties-line-thickness,
 .e-pv-properties-line-opacity,
-.e-pv-properties-line-leader-length,
+.e-pv-properties-line-leader-length {
+  max-width: 180px;
+}
+
 .e-pv-scale-ratio-src-input,
 .e-pv-scale-ratio-dest-input,
 .e-pv-depth-input {
-  max-width: 180px;
+  max-width: 232px;
 }
 
 .e-pv-properties-line-start,
 .e-pv-properties-line-end,
-.e-pv-properties-line-style,
+.e-pv-properties-line-style {
+  width: 180px;
+}
+
 .e-pv-scale-ratio-src-unit,
 .e-pv-scale-ratio-dest-unit,
 .e-pv-depth-unit {
-  width: 180px;
+  width: 203px;
 }
 
 .e-pv-line-styles-container {
@@ -2372,7 +2411,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
       align-items: baseline;
   display: -ms-flexbox;
   display: flex;
-  padding: 3px 8px;
+  padding: 0 8px;
 }
 
 .e-pv-annotation-shapes-container .e-btn-icon.e-icons.e-icon-right.e-caret,
@@ -2561,7 +2600,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pdfviewer .e-treeview.e-fullrow-wrap .e-icon-expandable,
 .e-pdfviewer .e-treeview.e-fullrow-wrap .e-input,
 .e-pdfviewer .e-treeview.e-fullrow-wrap .e-list-url {
-  margin-top: 3px;
+  margin-top: 6px;
   position: absolute;
 }
 
@@ -3203,8 +3242,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   width: 54px;
   -ms-flex-line-pack: center;
       align-content: center;
-  -ms-flex-align: baseline;
-      align-items: baseline;
+  -ms-flex-align: center;
+      align-items: center;
   box-shadow: none;
   display: -ms-flexbox;
   display: flex;
@@ -3339,8 +3378,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-properties-form-field-btn-textarea-container {
   display: -ms-flexbox;
   display: flex;
-  padding-top: 15px;
   width: 385px;
+  padding-top: 15px;
 }
 
 .e-pv-properties-dropdown-btn {

package/styles/pdfviewer/bootstrap5.css

@@ -893,6 +893,17 @@ input.e-pv-input-password::-ms-reveal {
   padding: 0 4px;
 }
 
+.e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
+.e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
+  padding-bottom: 0;
+}
+
+.e-pv-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
+.e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
+  line-height: 26px;
+  min-height: 26px;
+}
+
 .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
 .e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
 .e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
@@ -1547,15 +1558,19 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-bookmark-view {
   height: 100%;
   overflow: auto;
-  padding-top: 15px;
+  padding-top: 0;
   position: relative;
 }
 
 div > .e-pv-bookmark-icon.e-pv-icon {
   float: left;
   font-size: 14px;
-  padding-left: 6px;
-  padding-right: 18px;
+  padding-left: 0;
+  padding-right: 16px;
+}
+
+.e-pv-bookmark-title {
+  padding-left: 30px;
 }
 
 .e-pv-sidebar-bookmark-title {
@@ -1626,6 +1641,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-shapes-toolbar .e-pv-tbar-btn,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
+.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
+.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
   color: #6c757d;
   box-shadow: none;
@@ -1904,8 +1921,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   vertical-align: initial;
 }
 
-.e-pv-custom-annotation-thickness-container .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon {
-  padding-top: 7px;
+.e-pv-custom-annotation-thickness-container .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon,
+.e-pv-custom-annotation-opacity-container .e-btn-icon.e-pv-annotation-opacity-icon.e-pv-icon {
   padding-top: 0;
   vertical-align: initial;
 }
@@ -1965,6 +1982,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-opacity-container,
 .e-pv-annotation-stroke-container,
 .e-pv-custom-annotation-thickness-container,
+.e-pv-custom-annotation-opacity-container,
 .e-pv-annotation-thickness-container,
 .e-pv-annotation-textcolor-container,
 .e-pv-annotation-textalign-container,
@@ -2061,14 +2079,15 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-opacity-container.e-dropdown-btn.e-btn,
 .e-pv-annotation-stroke-container.e-dropdown-btn.e-btn,
 .e-pv-custom-annotation-thickness-container.e-dropdown-btn.e-btn,
+.e-pv-custom-annotation-opacity-container.e-dropdown-btn.e-btn,
 .e-pv-annotation-thickness-container.e-dropdown-btn.e-btn,
 .e-pv-annotation-textcolor-container.e-dropdown-btn.e-btn,
 .e-pv-annotation-textalign-container.e-dropdown-btn.e-btn,
 .e-pv-annotation-textprop-container.e-dropdown-btn.e-btn {
   line-height: 1.6em;
-  padding: 8px 7px 6px;
-  -ms-flex-align: baseline;
-      align-items: baseline;
+  padding: 10px 7px 7px;
+  -ms-flex-align: center;
+      align-items: center;
   display: -ms-flexbox;
   display: flex;
 }
@@ -2077,12 +2096,13 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-opacity-container.e-dropdown-btn.e-button,
 .e-pv-annotation-stroke-container.e-dropdown-btn.e-button,
 .e-pv-custom-annotation-thickness-container.e-dropdown-btn.e-button,
+.e-pv-custom-annotation-opacity-container.e-dropdown-btn.e-button,
 .e-pv-annotation-thickness-container.e-dropdown-btn.e-bbuttontn,
 .e-pv-annotation-textcolor-container.e-dropdown-btn.e-button,
 .e-pv-annotation-textalign-container.e-dropdown-btn.e-button,
 .e-pv-annotation-textprop-container.e-dropdown-btn.e-button {
   line-height: 1.6em;
-  padding: 8px 7px 6px;
+  padding: 10px 7px 7px;
   -ms-flex-align: baseline;
       align-items: baseline;
   display: -ms-flexbox;
@@ -2097,6 +2117,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-textcolor-container.e-btn.e-active,
 .e-pv-annotation-textprop-container.e-btn.e-active,
 .e-pv-custom-annotation-thickness-container.e-btn.e-active,
+.e-pv-custom-annotation-opacity-container.e-btn.e-active,
 .e-pv-annotation-handwritten-container.e-btn.e-active,
 .e-pv-annotation-textalign-container.e-btn.e-active {
   background-color: #5c636a;
@@ -2111,6 +2132,13 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   padding: 0 8px;
 }
 
+.e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-menu-icon .e-caret,
+.e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item.e-focused .e-menu-icon .e-caret {
+  height: 32px;
+  line-height: 32px;
+  padding: 0 8px;
+}
+
 .e-pv-submit .e-tbar-btn {
   height: 30px;
 }
@@ -2142,7 +2170,11 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 }
 
 .e-pv-scale-ratio-window {
-  max-width: 408px;
+  max-width: 476px;
+}
+
+.e-pv-scale-ratio-dialog {
+  max-width: 476px;
 }
 
 .e-pv-line-styles-content,
@@ -2189,6 +2221,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-properties-line-opacity-container {
   float: left;
   height: auto;
+  width: 180px;
 }
 
 .e-pv-scale-ratio-src-input-container,
@@ -2198,20 +2231,20 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-depth-input-container,
 .e-pv-depth-unit-container {
   float: left;
-  height: 24px;
+  height: 32px;
 }
 
 .e-pv-scale-ratio-src-input-container,
 .e-pv-scale-ratio-src-unit-container,
 .e-pv-scale-ratio-dest-input-container,
 .e-pv-scale-ratio-dest-unit-container {
-  margin-bottom: 24px;
+  margin-bottom: 8px;
 }
 
 .e-pv-scale-ratio-src-unit-container,
 .e-pv-scale-ratio-dest-unit-container,
 .e-pv-depth-unit-container {
-  margin-left: 10px;
+  margin-left: 12px;
 }
 
 .e-pv-scale-ratio-src-unit.e-btn,
@@ -2228,8 +2261,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-scale-ratio-src-unit .e-caret,
 .e-pv-scale-ratio-dest-unit .e-caret,
 .e-pv-depth-unit .e-caret {
-  margin-left: 96px;
-  margin-top: 4px;
+  margin-left: 120px;
+  margin-top: 7px;
 }
 
 .e-pv-properties-line-opacity {
@@ -2267,20 +2300,26 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-properties-line-style,
 .e-pv-properties-line-thickness,
 .e-pv-properties-line-opacity,
-.e-pv-properties-line-leader-length,
+.e-pv-properties-line-leader-length {
+  max-width: 180px;
+}
+
 .e-pv-scale-ratio-src-input,
 .e-pv-scale-ratio-dest-input,
 .e-pv-depth-input {
-  max-width: 180px;
+  max-width: 232px;
 }
 
 .e-pv-properties-line-start,
 .e-pv-properties-line-end,
-.e-pv-properties-line-style,
+.e-pv-properties-line-style {
+  width: 180px;
+}
+
 .e-pv-scale-ratio-src-unit,
 .e-pv-scale-ratio-dest-unit,
 .e-pv-depth-unit {
-  width: 180px;
+  width: 203px;
 }
 
 .e-pv-line-styles-container {
@@ -2372,7 +2411,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
       align-items: baseline;
   display: -ms-flexbox;
   display: flex;
-  padding: 3px 8px;
+  padding: 0 8px;
 }
 
 .e-pv-annotation-shapes-container .e-btn-icon.e-icons.e-icon-right.e-caret,
@@ -2561,7 +2600,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pdfviewer .e-treeview.e-fullrow-wrap .e-icon-expandable,
 .e-pdfviewer .e-treeview.e-fullrow-wrap .e-input,
 .e-pdfviewer .e-treeview.e-fullrow-wrap .e-list-url {
-  margin-top: 3px;
+  margin-top: 6px;
   position: absolute;
 }
 
@@ -3203,8 +3242,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   width: 54px;
   -ms-flex-line-pack: center;
       align-content: center;
-  -ms-flex-align: baseline;
-      align-items: baseline;
+  -ms-flex-align: center;
+      align-items: center;
   box-shadow: none;
   display: -ms-flexbox;
   display: flex;
@@ -3339,8 +3378,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pv-properties-form-field-btn-textarea-container {
   display: -ms-flexbox;
   display: flex;
-  padding-top: 15px;
   width: 385px;
+  padding-top: 15px;
 }
 
 .e-pv-properties-dropdown-btn {