fix(atoms): fix card header styles

8base · Jul 23, 2018 · 2d23ef0 · 2d23ef0
1 parent 8bb8c93
commit 2d23ef0
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 0 deletions.
diff --git a/src/atoms/Card/CardHeader.js b/src/atoms/Card/CardHeader.js
@@ -12,6 +12,9 @@ const name = 'cardHeader';
 const cardHeaderTheme = createTheme(name, (colors: *): * => ({
   cardHeader: {
     borderBottom: `1px solid ${colors.PRIMARY_BORDER_COLOR}`,
+    display: 'flex',
+    height: '8rem',
+    alignItems: 'center',
   },
   modifiers: {
     ...offsetModifier,

diff --git a/storybook/__tests__/__snapshots__/storyshots.test.js.snap b/storybook/__tests__/__snapshots__/storyshots.test.js.snap
@@ -1262,6 +1262,15 @@ exports[`Storyshots ATOMS/Card default 1`] = `
 
 .emotion-0 {
   border-bottom: 1px solid #d0d7dd;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  height: 8rem;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
   padding: 1.5rem;
 }
 
@@ -1325,6 +1334,15 @@ exports[`Storyshots ATOMS/Card with custom offsets 1`] = `
 
 .emotion-0 {
   border-bottom: 1px solid #d0d7dd;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  height: 8rem;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
   padding: 2.5rem;
 }
 
@@ -1388,6 +1406,15 @@ exports[`Storyshots ATOMS/Card without footer 1`] = `
 
 .emotion-0 {
   border-bottom: 1px solid #d0d7dd;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  height: 8rem;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
   padding: 1.5rem;
 }