From ac344b4ffb0a3d77b78bb942f0297f24c63efe6e Mon Sep 17 00:00:00 2001
From: moonleay <contact@moonleay.net>
Date: Wed, 31 Jan 2024 14:05:59 +0100
Subject: [PATCH] WIP: worked on home and submit page

---
 FediNews/Components/Items/PostListView.razor.css |  1 +
 FediNews/Components/Pages/Content/Submit.razor   | 13 ++++++++-----
 FediNews/Components/Pages/Home.razor             | 10 ++++++----
 FediNews/Components/Pages/Home.razor.css         |  7 +++++++
 4 files changed, 22 insertions(+), 9 deletions(-)
 create mode 100644 FediNews/Components/Pages/Home.razor.css

diff --git a/FediNews/Components/Items/PostListView.razor.css b/FediNews/Components/Items/PostListView.razor.css
index 66f67e3..ff2dafb 100644
--- a/FediNews/Components/Items/PostListView.razor.css
+++ b/FediNews/Components/Items/PostListView.razor.css
@@ -71,6 +71,7 @@
 .user, .comments {
     text-decoration: underline;
     color: grey;
+    display: inline-block;
 }
 
 .tailtext {
diff --git a/FediNews/Components/Pages/Content/Submit.razor b/FediNews/Components/Pages/Content/Submit.razor
index 2830c21..277ae02 100644
--- a/FediNews/Components/Pages/Content/Submit.razor
+++ b/FediNews/Components/Pages/Content/Submit.razor
@@ -1,17 +1,20 @@
 @page "/submit"
+
+<PageTitle>Submit | Fedi News</PageTitle>
 <article>
     <h3>Submit to Fedi News</h3>
     <div>
-        <p>title</p>
-        <input type="text" />
+        <p>url</p>
+        <input size="50" type="text"/>
     </div>
     <div>
-        <p>url</p>
-        <input type="text"/>
+        <p>title</p>
+        <input size="50" type="text" />
+        <button>use suggested title</button>
     </div>
     <div>
         <p>comment</p>
-        <textarea></textarea>
+        <textarea rows="4" cols="50"></textarea>
     </div>
     <div>
         <button >submit</button>
diff --git a/FediNews/Components/Pages/Home.razor b/FediNews/Components/Pages/Home.razor
index 2d86cb2..54d8347 100644
--- a/FediNews/Components/Pages/Home.razor
+++ b/FediNews/Components/Pages/Home.razor
@@ -2,7 +2,9 @@
 
 <PageTitle>Fedi News</PageTitle>
 
-@for (int i = 1; i < 31; i++)
-{
-    <PostListView PostNr="@i"/>
-}
+<div class="posts">
+    @for (int i = 1; i < 31; i++)
+    {
+        <PostListView PostNr="@i"/>
+    }
+</div>
diff --git a/FediNews/Components/Pages/Home.razor.css b/FediNews/Components/Pages/Home.razor.css
new file mode 100644
index 0000000..96f0922
--- /dev/null
+++ b/FediNews/Components/Pages/Home.razor.css
@@ -0,0 +1,7 @@
+.posts {
+    /*display: flex;*/
+    margin: auto !important;
+    /*flex-direction: column;*/
+    /*align-items: center;*/
+    /*width: 100%;*/
+}