Post textbox tweaks

- Moves them closer to eachother
- Makes the extended textbox shorter by default
- Removes the ability to manually resize the extended textbox

main/static/main/post.css

@@ -11,10 +11,8 @@ textarea.thought {
     font-family: inherit;
     border-bottom: 1px solid var(--accent-color);
     border-radius: 0;
-}
-
-.thought#extended_text {
-    resize: vertical;
+    overflow-x: hidden;
+    display: block;
 }
 
 #post-button {

main/templates/whispermaphone/post.html

@@ -24,7 +24,7 @@
     <form action="{% url 'post'%}" method="post">
         {% csrf_token %}
         <textarea name="text" id="text" class="thought" rows="1" placeholder="What are you thinking?"></textarea>
-        <textarea name="extended_text" id="extended_text" class="thought" rows="4"></textarea>
+        <textarea name="extended_text" id="extended_text" class="thought" rows="2"></textarea>
         <input type="hidden" name="timezone_offset" id="timezone_offset">
 
         <input type="submit" id="post-button" value="Submit">
@@ -64,7 +64,8 @@
         }
 
         // TODO: Auto-set width of short text box
-
+        //textEl.style.width = "auto";
+        //textEl.style.width = textEl.scrollWidth + "px";
     });
 
     const textboxes = document.getElementsByClassName("thought");