1 files changed, 58 insertions, 5 deletions
diff --git a/alphabetlearning/static/css/forms.css b/alphabetlearning/static/css/forms.css
index 0ec810d..7e6be8a 100644
--- a/alphabetlearning/static/css/forms.css
+++ b/alphabetlearning/static/css/forms.css
@@ -6,17 +6,30 @@
     overflow: auto;
     border: 1px solid lightgray;
     border-radius: 10px;
-    padding: 10px;
+    padding: 20px;
+    background: lightgray;
 }
 
 form label {
     font-weight: bold;
 	font-size: 1.2em;
 	display: inline-block;
+    margin-bottom: 3px;
+}
+
+form label.required::after {
+    content: ' *';
+    color: red;
+}
+
+form label[for=id_pdf_files]::after, form label[for=id_thumbnail_files]::after {
+    content: ' *';
+    color: red;
 }
 
 form input[type="text"], form input[type="password"], form input[type="email"] {
     padding: 0.75em 18px;
+    border-radius: 5px;
     width: 100%;
 	margin-left: 2px;
 }
@@ -24,11 +37,51 @@ form input[type="text"], form input[type="password"], form input[type="email"] {
 form input[type=text], form input[type="password"], form input[type="email"], textarea {
     color: #6A6C6F;
     background: #FFFFFF;
-    border: 1px solid #E4E5E7;
-    border-radius: 3px;
+    /*border: 2px solid #E4E5E7;*/
+    border: 1px solid darkgray;
+    border-radius: 5px;
 	margin-left: 2px;
 }
 
+form select {
+    display: block;
+    border: 1px solid darkgray;
+    border-radius: 5px;
+    background: white;
+    width: 100%;
+    padding: 0.75em 18px;
+}
+
+form input[type="submit"] {
+    border: 0px;
+    background: darkmagenta;
+    border-radius: 5px;
+    padding: 10px;
+    color: white;
+    width: 200px;
+}
+
+form input[type="submit"]:hover {
+    background: #30053b;
+    color: white;
+}
+
+form input[type="number"] {
+    border: 1px solid darkgray;
+    border-radius: 2px;
+    background: white;
+    width: 100px;
+    padding: 0.75em 18px;
+}
+
+form input[type="file"] {
+    border: 1px solid darkgray;
+    border-radius: 5px;
+    background: white;
+    width: 400px;
+    padding: 10px;
+}
+
 
 
 .helptext {
@@ -36,8 +89,8 @@ form input[type=text], form input[type="password"], form input[type="email"], te
 }
 
 form div {
-    margin-bottom: 18px;
-	margin-top: 10px;
+    margin-bottom: 20px;
+	margin-top: 8px;
 }
 
 form div:last-child {