CSS für schmale bildschirme

public/index.html

@@ -346,6 +346,27 @@
             .header h1 {
                 font-size: 1.8rem;
             }
+
+            /* Schmalbild: Value unter dem Field-Name platzieren
+               -> beim Umbruch beginnt die nächste Zeile ganz links. */
+            .record-field {
+                flex-direction: column;
+                align-items: flex-start;
+                gap: 2px;
+            }
+
+            .field-name {
+                min-width: 0;
+            }
+
+            .field-value {
+                margin-left: 0;
+            }
+
+            .copy-btn {
+                margin-left: 0;
+                align-self: flex-start;
+            }
         }
     </style>
 </head>