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 && (