diff --git a/commafeed-client/src/components/content/FeedEntryHeader.tsx b/commafeed-client/src/components/content/FeedEntryHeader.tsx index c4ef33d5..95ff799e 100644 --- a/commafeed-client/src/components/content/FeedEntryHeader.tsx +++ b/commafeed-client/src/components/content/FeedEntryHeader.tsx @@ -1,4 +1,4 @@ -import { Box, createStyles, Text } from "@mantine/core" +import { Box, createStyles, Space, Text } from "@mantine/core" import { Entry } from "app/types" import { RelativeDate } from "components/RelativeDate" import { FeedEntryTitle } from "./FeedEntryTitle" @@ -12,17 +12,11 @@ export interface FeedEntryHeaderProps { const useStyles = createStyles((theme, props: FeedEntryHeaderProps) => ({ headerText: { fontWeight: theme.colorScheme === "light" && !props.entry.read ? "bold" : "inherit", - whiteSpace: props.expanded ? "inherit" : "nowrap", - overflow: "hidden", - textOverflow: "ellipsis", }, headerSubtext: { display: "flex", alignItems: "center", fontSize: "90%", - whiteSpace: props.expanded ? "inherit" : "nowrap", - overflow: "hidden", - textOverflow: "ellipsis", }, })) export function FeedEntryHeader(props: FeedEntryHeaderProps) { @@ -33,18 +27,13 @@ export function FeedEntryHeader(props: FeedEntryHeaderProps) { - - - - - {props.entry.feedName} - - - -  ·  - - - + + + + {props.entry.feedName} + · + + {props.expanded && (