Fixed css styling

Updated the edit page such that the input areas would not overflow.

1 files changed, 6 insertions, 1 deletions

diff --git a/t_idea/edit.html b/t_idea/edit.html
index 28b4f12..8a7885c 100644
--- a/t_idea/edit.html
+++ b/t_idea/edit.html
@@ -13,12 +13,17 @@ textarea[name="text"] {
     border: dashed 1px black;
     font-size: 1.25em;
     font-family: monospace;
+    width: 93%;
+    margin-left: 3%;
+    margin-right: 4%;
 }
 input[name="title"] {
     color: #4c4c4c;
     border: dashed 1px black;
     font-weight: bold;
     font-size: 2em;
+    display: inline;
+    width: 90%;
 }
         </style>
     </head>
@@ -28,7 +33,7 @@ input[name="title"] {
         <div class="idea">
             <form action="/idea/edit/" method="post">
             <input name="title" type="text" value="{{.Title}}"><br>
-            <textarea name="text" cols=80 rows=4 required>{{.Text}}</textarea>
+            <textarea name="text" rows=4 required>{{.Text}}</textarea>
             <p class="creation">by <span class="author">{{.Author}}</span> on <span class="date">{{.CreatedAt}}</span></p>
                 <input type="submit" value="confirm">
             </form>