From: Chris Fulljames <christianfulljames@gmail.com>
Date: Sun, 2 Feb 2025 20:08:19 +0000 (-0500)
Subject: Form improvements
X-Git-Url: https://littlesong.place/gitweb/gitweb.cgi?a=commitdiff_plain;h=6a81ec16513ae4b3ba0ed43507d076109c806ff6;p=littlesongplace.git

Form improvements
---

diff --git a/static/styles.css b/static/styles.css
index 37c0b5f..3500ea4 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -29,39 +29,42 @@ h2 {
 
 textarea {
     font-family: sans-serif;
+    font-size: 16px;
     color: var(--black);
     border: 3px solid var(--purple);
     border-radius: 10px;
     padding: 10px;
     background: var(--yellow);
     height: 100px;
-    width: 100%;
-    margin: 5px;
+    width: calc(100% - 20px);
     box-sizing: border-box;
     resize: vertical;
+    margin: 10px;
 }
 
 input[type=text], input[type=password] {
     background: var(--yellow);
+    margin: 10px;
     font-family: sans-serif;
-    font-weight: bold;
+    font-size: 16px;
     color: var(--black);
     border: 3px solid var(--purple);
     border-radius: 10px;
     padding: 5px;
     width: 200px;
-    margin: 5px;
 }
 
 .button, input[type=submit] {
+    cursor: pointer;
     font-family: sans-serif;
+    font-size: 16px;
     font-weight: bold;
     color: var(--yellow);
     background: var(--purple);
     border: 0px;
     border-radius: 5px;
     padding: 8px;
-    margin: 5px;
+    margin: 10px;
 }
 
 div.main {
@@ -79,7 +82,7 @@ div.page-header {
 .flashes {
     border: 3px solid var(--blue);
     border-radius: 10px;
-    margin-top: 20px;
+    margin: 20px;
 }
 
 .title-image {
@@ -148,7 +151,7 @@ div.navbar {
 /* Upload/Edit Form */
 
 div.upload-form input[type=text] {
-    width: 100%;
+    width: calc(100% - 20px);
     box-sizing: border-box;
 }
 
diff --git a/templates/signup.html b/templates/signup.html
index da50270..09bd893 100644
--- a/templates/signup.html
+++ b/templates/signup.html
@@ -5,16 +5,6 @@
 {% block body %}
 <h1>Create a new account</h1>
 <p>Welcome to the site!</p>
-<h2>Rules:</h2>
-<ol>
-    <li>Upload your songs!  All of them!!</li>
-    <li>Don't upload other people's songs without permission.
-        This website is for sharing songs you've made, not for uploading your
-        entire 10,000 song
-        <a href="https://en.wikipedia.org/wiki/LimeWire">limewire</a>
-        collection. Please be nice to cfull's hosting budget.  :P
-    </li>
-</ol>
 <form method="post">
     <div class="signup-form">
         <label for="username">Username</label><br>
diff --git a/todo.txt b/todo.txt
index 2c23db4..8dda91c 100644
--- a/todo.txt
+++ b/todo.txt
@@ -1,10 +1,10 @@
 NEXT
-- Textarea text size on mobile
+??
 
 UNSORTED
 - YouTube importer
-- Autoplay toggle
 - Shuffle all
+- Autoplay toggle
 - Song sorter for song lists
 - Additional song info in player (collabs, description, tags)
 - Profile pictures