fix(uui-card-media): flex-direction of "content"

to display the `detail` below the `name`.

Author: leekelleher

packages/uui-card-media/lib/uui-card-media.element.ts

@@ -209,7 +209,7 @@ export class UUICardMediaElement extends UUICardElement {
         position: relative;
         display: flex;
         width: 100%;
-        align-items: center;
+        flex-direction: column;
         font-family: inherit;
         box-sizing: border-box;
         text-align: left;

packages/uui-card-media/lib/uui-card-media.story.ts

@@ -41,6 +41,12 @@ type Story = StoryObj;
 
 export const Default: Story = {};
 
+export const WithDetail: Story = {
+  args: {
+    detail: 'The detail',
+  },
+};
+
 export const Folder: Story = {
   args: {
     fileExt: '',