Fix regressions in Grid SCSS

Fix regressions from previous Grid style patch:
- Typo in selector (dot instead of comma)
- “active” style renamed to “focused”
- Scrollbar border styling moved from Valo (was working) to Base (now
all themes work the same)

Change-Id: I778de73027f0cb9def1fb93e5188f494f0a49639

2 files changed, 2 insertions, 2 deletions

diff --git a/WebContent/VAADIN/themes/runo/grid/grid.scss b/WebContent/VAADIN/themes/runo/grid/grid.scss
index 4d16c79fb8..a1081878cc 100644
--- a/WebContent/VAADIN/themes/runo/grid/grid.scss
+++ b/WebContent/VAADIN/themes/runo/grid/grid.scss
@@ -4,7 +4,7 @@
 
   .#{$primaryStyleName}-header,
   .#{$primaryStyleName}-footer {
-    > .#{$primaryStyleName}-cell {
+    .#{$primaryStyleName}-cell {
       background-image: url(img/header-bg.png);
       color: #393a3c;
       text-shadow: #fff 0 1px 0;
diff --git a/WebContent/VAADIN/themes/runo/runo.scss b/WebContent/VAADIN/themes/runo/runo.scss
index 92fed26267..73566be8c3 100644
--- a/WebContent/VAADIN/themes/runo/runo.scss
+++ b/WebContent/VAADIN/themes/runo/runo.scss
@@ -7,7 +7,7 @@ $v-grid-border: 1px solid #b6bbbc;
 $v-grid-cell-vertical-border: 1px solid #d4d4d4;
 $v-grid-cell-vertical-border: none;
 $v-grid-cell-horizontal-border: none;
-$v-grid-cell-active-border: 1px solid #57a7ed;
+$v-grid-cell-focused-border: 1px solid #57a7ed;
 $v-grid-row-height: 26px;
 $v-grid-header-row-height: 36px;
 $v-grid-row-background-color: #fff !default;