1 files changed, 18 insertions, 30 deletions
diff --git a/CoreWiki/Pages/Create.cshtml b/CoreWiki/Pages/Create.cshtml
index 4abbf11..153035a 100644
--- a/CoreWiki/Pages/Create.cshtml
+++ b/CoreWiki/Pages/Create.cshtml
@@ -5,45 +5,33 @@
     ViewData["Title"] = "Create";
 }
 
-<h1>Create</h1>
-
-<h4>Article</h4>
-<hr />
-<div class="row d-flex justify-content-center">
-    <div class="col-md-8">
-        <form method="post">
-            <div asp-validation-summary="ModelOnly" class="text-danger"></div>
-            <div class="form-group">
-                <label asp-for="Article.Topic" class="control-label"></label>
-                <input asp-for="Article.Topic" class="form-control" />
-                <span asp-validation-for="Article.Topic" class="text-danger"></span>
-            </div>
-            <div class="form-group">
-                <label asp-for="Article.Content" class="control-label"></label>
-                <textarea asp-for="Article.Content" class="form-control"></textarea>
-                <span asp-validation-for="Article.Content" class="text-danger"></span>
-            </div>
-            <div class="form-group">
-                <input type="submit" value="Create" class="btn btn-primary" />
-            </div>
-        </form>
+<h1>Create Article</h1>
+<form class="space-y-3" method="post">
+    <div asp-validation-summary="ModelOnly" class="text-red-600"></div>
+    <div>
+        <label asp-for="Article.Topic" class="block mb-2 text-sm font-medium text-gray-900"></label>
+        <input asp-for="Article.Topic" class="block bg-gray-50 border border-gray-300 rounded focus:ring-blue-500 focus:border-blue-500 text-sm p-2 w-full"/>
+        <span asp-validation-for="Article.Topic" class="text-red-600"></span>
     </div>
-</div>
-
-<div>
-    <a asp-page="Index">Back to List</a>
-</div>
+    <div>
+        <label asp-for="Article.Content" class="block mb-2 text-sm font-medium text-gray-900"></label>
+        <textarea asp-for="Article.Content"></textarea>
+        <span asp-validation-for="Article.Content" class="text-red-600"></span>
+    </div>
+    <div class="flex space-x-2">
+        <input type="submit" value="Create" class="text-white bg-blue-500 hover:bg-blue-700 focus:ring-4 focus:ring-blue-300 font-medium rounded text-sm px-3.5 py-1.5 focus:outline-none"/>
+        <a class="text-white bg-blue-500 hover:bg-blue-700 focus:ring-4 focus:ring-blue-300 font-medium rounded text-sm px-3.5 py-2 focus:outline-none" asp-page="Details">Back to List</a>
+    </div>
+</form>
 
 @section Scripts {
     <script src="~/lib/simplemde/simplemde.min.js"></script>
     <script>
         var simplemde = new SimpleMDE();
     </script>
-    @{await Html.RenderPartialAsync("_ValidationScriptsPartial");}
-    
 }
 
 @section Styles
 {
     <link href="~/lib/simplemde/simplemde.min.css" rel="stylesheet"/>
-}
+}
+\ No newline at end of file