Fix TabSheet caption icon alignment on Chrome and Safari (#13077)

Change-Id: I8cc0eb2796a328c1996417014833020319428b61

diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-normal-style.scss b/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-normal-style.scss
index b62791e4ceb82c265c407137044e5c93e17befdb..a2091130a11a0979e330623c5adb305aafd1a393 100644 (file)
--- a/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-normal-style.scss
+++ b/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-normal-style.scss
@@ -144,6 +144,12 @@
 .v-sa & .#{$primaryStyleName}-tabs .v-captiontext {
        display: inline-block;
 }
+
+/* Align TabSheet icons differently on Chromes and Safaris #13077 */
+.v-sa & .#{$primaryStyleName}-tabs .v-icon {
+       vertical-align: top;
+}
+
 .#{$primaryStyleName}-tabs .v-icon {
        width: 16px !important;
        height: 16px !important;
@@ -159,4 +165,4 @@
        display: inline-block;
 }
 
-}
\ No newline at end of file
+}