Fixes caption icons too low in Accordion #10872 #10635

Change-Id: Ib23c49d988aeecc7619727f02423ac16bab8f64d

diff --git a/WebContent/VAADIN/themes/reindeer/accordion/accordion.scss b/WebContent/VAADIN/themes/reindeer/accordion/accordion.scss
index 77fe1c0b9a67b735a86d62092d98a5957857ef1e..cd2ca4b21d4e040e67863a9e8df403e055a00da0 100644 (file)
--- a/WebContent/VAADIN/themes/reindeer/accordion/accordion.scss
+++ b/WebContent/VAADIN/themes/reindeer/accordion/accordion.scss
@@ -23,25 +23,27 @@
 }
 
 .#{$primaryStyleName}-item-caption .v-captiontext{
-       vertical-align:baseline;
+       vertical-align:baseline;        
 }
 
 .#{$primaryStyleName}-item-first .#{$primaryStyleName}-item-caption {
        border-top: none;
 }
 .#{$primaryStyleName}-item-caption .v-caption {
-       padding: 3px 0 3px 10px;
+       padding: 3px 0 0 10px;
 }
 .#{$primaryStyleName}-item-open .#{$primaryStyleName}-item-caption {
        background-image: url(../tabsheet/img/tabbar-bg-sel.png); /** sprite-ref: verticals; sprite-alignment: repeat */
        border-bottom: 1px solid #bbb;
 }
 .#{$primaryStyleName}-item-caption .v-icon {
-       margin-top: -1px;
+       margin-top: -3px;
 }
-.v-ie & .#{$primaryStyleName}-item-caption .v-icon {
-       vertical-align: top;
+.v-ie & .#{$primaryStyleName}-item-caption .v-icon,
+.v-ff & .#{$primaryStyleName}-item-caption .v-icon {
+    margin-top: -6px;
 }
+
 /* Borderless style */
 .#{$primaryStyleName}-borderless {
        border: none;