Notizfeld und CSS

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 {