Refactored CSS and HTML templates and polished UI (#10), changed JavaScript variable names to camelCase, adjusted filenames and some url parameter names in urlpatterns, and more.

static/css/appform.css

@@ -0,0 +1,61 @@
+.appform {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    height: max-content;
+    font-size: 1.1rem;
+}
+.appform > .forminfo {
+    width: 100%;
+    text-align: left;
+    margin: .4rem 0;
+}
+.forminfo > span:first-child {
+    margin-right: 1rem;
+}
+.forminfo > span:last-child {
+    float: right;
+}
+.appform > .forminput {
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+    margin: .8rem 0;
+    gap: 1rem;
+}
+.appform > .statusinfo {
+    margin-top: .5rem;
+}
+.appform > .formbuttons {
+    border-top: 1px solid var(--glass-border-color);
+    padding-top: 1rem;
+    margin-top: 1rem;
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    gap: 1rem;
+}
+.formbuttons button, .formbuttons .button {
+    box-sizing: content-box;
+    font-size: 1rem;
+    width: fit-content;
+}
+.formheading {
+    text-align: left;
+    width: 100%;
+    margin-top: 0;
+}
+@media only screen and (max-width: 700px) {
+    .appform > .forminput {
+        flex-direction: column;
+        gap: .5rem;
+    }
+    .formheading {
+        text-align: center;
+    }
+}