fix: LogDetailsModal should display the information in vertical list …

…on mobile Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
nextcloud · Jul 18, 2023 · 0738d71 · 0738d71
1 parent f3af26d
commit 0738d71
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/src/components/LogDetailsModal.vue b/src/components/LogDetailsModal.vue
@@ -178,4 +178,16 @@ const copyFormatted = () => copyToCipboard(formatLogEntry(props.currentEntry))
 .hljs {
 	background-color: var(--color-main-background);
 }
+
+// For mobile we need to show the details as a vertical list
+@media only screen and (max-width: 450px) {
+	.log-details {
+		&__info {
+			display: block;
+		}
+		dd {
+			margin-inline-start: 12px;
+		}
+	}
+}
 </style>