Notizfeld und CSS

public/css/application/edit.css

@@ -0,0 +1,9 @@
+.notes-input {
+    width: 100%;
+    min-width: 150px;
+    height: 4em;
+}
+.first-name-input, .last-name-input, .location-input {
+    width: 100%;
+    min-width: 80px;
+}

public/css/style.css

@@ -184,19 +184,45 @@ select {
 
 .eingabemaske {
     border: 5px inset;
-    font-size: 1.2em;
     padding: 0.5em;
     overflow-x: auto;
+    width: 100%;
+}
+
+@media (min-width: 1025px) {
+    .eingabemaske {
+        font-size: 1.2em;
+    }
+}
+
+@media (max-width: 1024px) {
+    .eingabemaske {
+        font-size: 0.9em;
+    }
+
+    .eingabemaske input, .eingabemaske select, .eingabemaske textarea, .eingabemaske button {
+        font-size: 0.9em;
+        padding: 0.2em;
+    }
+}
+
+.eingabemaske table {
+    width: 100%;
+    border-collapse: collapse;
 }
 
 .eingabemaske table, th, td {
     border: 4px outset;
 }
 
+.eingabemaske th, .eingabemaske td {
+    padding: 0.3em;
+}
+
 .eingabemaske input {
     font-size: 1em;
     padding: 0.5em;
-    max-width: 100%;
+    width: 100%;
 }
 
 .eingabemaske button {

public/js/preapplication/edit.js

@@ -43,6 +43,7 @@ function addApplication(){
     data.first_name = $('#first_name_new').val();
     data.last_name = $('#last_name_new').val();
     data.location = $('#location_new').val();
+    data.notes = $('#notes_new').val();
 
     console.log(data);
 
@@ -57,6 +58,7 @@ function addApplication(){
                 $('#first_name_new').val("");
                 $('#last_name_new').val("");
                 $('#location_new').val("");
+                $('#notes_new').val("");
                 location.reload();
             } else {
                 alert(r.errorMessage);
@@ -102,6 +104,7 @@ function editApplication(applicationId){
     data.first_name = $('#first_name_'+applicationId).val();
     data.last_name = $('#last_name_'+applicationId).val();
     data.location = $('#location_'+applicationId).val();
+    data.notes = $('#notes_'+applicationId).val();
     data.mail = $('#mail_'+applicationId).val();
     data.passport_type = $('#passport_type_'+applicationId).val();