Yorrd/smallf xies

modules/chemistry/elements/components/x-card.ts

@@ -26,6 +26,7 @@ export class XBasicCard extends XFlex {
     return [
       ...super.styles(),
       {
+        display: 'flex',
         borderRadius: this.sizes.borderRadius,
         boxShadow: shadow,
         overflow: 'hidden',
@@ -79,7 +80,7 @@ export class XCard extends ChemistryLitElement {
     return [
       {
         ':host': {
-          display: 'block',
+          display: 'flex',
           boxSizing: 'border-box',
           background: this.colors.white,
           transition: 'box-shadow .1s ease, transform .1s ease',
@@ -115,9 +116,9 @@ export class XCard extends ChemistryLitElement {
 
   content() {
     return xComponents(html`
-      <x-flex>
+      <x-flex flex>
         <slot name="image"></slot>
-        <x-flex ${injectAttributesOf(this)}>
+        <x-flex flex ${injectAttributesOf(this)}>
           <slot></slot>
         </x-flex>
         <x-hr></x-hr>