From 2979600cc23b55bfa503d6679a5617639f9c529a Mon Sep 17 00:00:00 2001
From: Athou <jeremiepanzer@gmail.com>
Date: Thu, 11 May 2023 11:45:23 +0200
Subject: [PATCH] add dividers to separate read-only information from forms

---
 commafeed-client/src/pages/app/CategoryDetailsPage.tsx | 2 ++
 commafeed-client/src/pages/app/FeedDetailsPage.tsx     | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/commafeed-client/src/pages/app/CategoryDetailsPage.tsx b/commafeed-client/src/pages/app/CategoryDetailsPage.tsx
index 302af73e..ce5f4b63 100644
--- a/commafeed-client/src/pages/app/CategoryDetailsPage.tsx
+++ b/commafeed-client/src/pages/app/CategoryDetailsPage.tsx
@@ -108,6 +108,8 @@ export function CategoryDetailsPage() {
 
                     {editable && (
                         <>
+                            <Divider />
+
                             <TextInput label={<Trans>Name</Trans>} {...form.getInputProps("name")} required />
                             <CategorySelect
                                 label={<Trans>Parent Category</Trans>}
diff --git a/commafeed-client/src/pages/app/FeedDetailsPage.tsx b/commafeed-client/src/pages/app/FeedDetailsPage.tsx
index 9ef6de04..4c22dd31 100644
--- a/commafeed-client/src/pages/app/FeedDetailsPage.tsx
+++ b/commafeed-client/src/pages/app/FeedDetailsPage.tsx
@@ -151,6 +151,8 @@ export function FeedDetailsPage() {
                         </Box>
                     </Input.Wrapper>
 
+                    <Divider />
+
                     <TextInput label={<Trans>Name</Trans>} {...form.getInputProps("name")} required />
                     <CategorySelect label={<Trans>Category</Trans>} {...form.getInputProps("categoryId")} clearable />
                     <NumberInput label={<Trans>Position</Trans>} {...form.getInputProps("position")} required min={0} />