Adjusted the create page css

Ekaterina-Vititneva · Aug 3, 2024 · 9a99bbf · 9a99bbf
1 parent fec999e
commit 9a99bbf
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 3 deletions.
diff --git a/project_1/wiki/encyclopedia/static/encyclopedia/styles.css b/project_1/wiki/encyclopedia/static/encyclopedia/styles.css
@@ -13,8 +13,11 @@ h1 {
 }
 
 textarea {
-    height: 90vh;
+    height: 70vh;
     width: 80%;
+    margin: 5px;
+    padding: 10px;
+
 }
 
 .main {
@@ -35,4 +38,29 @@ textarea {
 
 .sidebar h2 {
     margin-top: 5px;
+}
+
+.edit-form {
+    display: flex;
+    flex-direction: column;
+    margin: 5px;
+    align-content: center;
+}
+
+button {
+    margin: 12px;
+    border-radius: 3px;
+    border: 1px solid #f7f7f7;
+    background-color:#f6f7f790;
+    padding: 7.5px 15px;
+    font-size: 80%;
+    color: #282828;
+    width:80%;
+}
+
+.new-title {
+    padding: 10px;
+    margin: 5px;
+    width: 80%;
+    font-weight: bold;
 }
diff --git a/project_1/wiki/encyclopedia/templates/encyclopedia/create.html b/project_1/wiki/encyclopedia/templates/encyclopedia/create.html
@@ -7,8 +7,8 @@
 {% block body %}
     <h1>Create New Page</h1>
 
-    <form action="{% url 'create' %}" method="get">
-        <input class="new_title" type="text" name="new_title" placeholder="New Page Title">
+    <form action="{% url 'create' %}" method="get" class="edit-form">
+        <input class="new-title" type="text" name="new-title" placeholder="New Page Title">
         <textarea id="content" name="content" rows="4" cols="50" placeholder="New Page Content"></textarea>
         <button type="submit" name="save">Save</button>
     </form>