fix(AnalyticalCard): fix styling (#360)

SAP · Mar 18, 2020 · d19c256 · d19c256
1 parent db50f30
commit d19c256
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/packages/main/src/components/AnalyticalCard/AnalyticalCard.jss.ts b/packages/main/src/components/AnalyticalCard/AnalyticalCard.jss.ts
@@ -4,7 +4,7 @@ import * as spacing from '@ui5/webcomponents-react-base/lib/spacing';
 const styles = {
   card: {
     backgroundColor: ThemingParameters.sapTile_Background,
-    border: `0.625rem solid ${ThemingParameters.sapTile_BorderColor}`,
+    border: `0.0625rem solid ${ThemingParameters.sapTile_BorderColor}`,
     boxShadow: ThemingParameters.sapContent_Shadow0,
     borderRadius: ThemingParameters.sapElement_BorderCornerRadius,
     textAlign: 'start',

diff --git a/packages/main/src/components/AnalyticalCardHeader/AnalyticalCardHeader.jss.ts b/packages/main/src/components/AnalyticalCardHeader/AnalyticalCardHeader.jss.ts
@@ -1,3 +1,4 @@
+import * as spacing from '@ui5/webcomponents-react-base/lib/spacing';
 import { ThemingParameters } from '@ui5/webcomponents-react-base/lib/ThemingParameters';
 
 const styles = {
@@ -8,10 +9,11 @@ const styles = {
     color: ThemingParameters.sapTextColor
   },
   cardHeader: {
-    paddingTop: '1rem',
-    paddingBottom: '1rem',
+    ...spacing.sapUiContentPadding,
     outlineOffset: '-0.125rem',
-    borderBottom: `0.0625rem solid ${ThemingParameters.sapTile_BorderColor}`,
+    boxShadow: ThemingParameters.sapContent_HeaderShadow,
+    //TODO use sapTile_SeparatorColor when available
+    borderBottom: `0.0625rem solid ${ThemingParameters.sapToolbar_SeparatorColor}`,
     backgroundColor: ThemingParameters.sapTile_Background,
     fontFamily: ThemingParameters.sapFontHeaderFamily,
     '&:hover': {