Fix for #741

Author: kepano

Minimal.css

@@ -2567,6 +2567,7 @@ table.dataview tbody > tr > td {
   border-radius: var(--radius-s);
   border: var(--cards-border-width) solid var(--background-modifier-border);
   overflow: hidden;
+  margin-inline-start: 0;
 }
 .list-cards.markdown-preview-view div > ul .image-embed {
   padding: 0;
@@ -2602,6 +2603,7 @@ table.dataview tbody > tr > td {
 }
 .list-cards.markdown-preview-view div ul ul > li {
   display: block;
+  margin-inline-start: 0;
 }
 
 /* ------------------- */

src/css/main.css

@@ -269,69 +269,71 @@ table.dataview {
 /* Card lists */
 
 .list-cards.markdown-preview-view {
-.list-bullet,
-.list-collapse-indicator,
-&.markdown-rendered.show-indentation-guide li > ul::before {
-	display:none;
-}
-div > ul {
-	display: grid;
-	gap: 0.75rem;
-	grid-template-columns: var(--cards-columns);
-	padding:0;
-	line-height: var(--line-height-tight);
-
-	.contains-task-list {
-		padding-inline-start: calc(var(--cards-padding)*1.5);
+	.list-bullet,
+	.list-collapse-indicator,
+	&.markdown-rendered.show-indentation-guide li > ul::before {
+		display:none;
 	}
+	div > ul {
+		display: grid;
+		gap: 0.75rem;
+		grid-template-columns: var(--cards-columns);
+		padding:0;
+		line-height: var(--line-height-tight);
 
-	> li {
-		background-color: var(--cards-background);
-		padding: calc(var(--cards-padding)/2);
-		border-radius: var(--radius-s);
-		border: var(--cards-border-width) solid var(--background-modifier-border);
-		overflow: hidden;
+		.contains-task-list {
+			padding-inline-start: calc(var(--cards-padding)*1.5);
+		}
 
-	}
-	.image-embed {
-		padding: 0;
-		display: block;
-		background-color: var(--background-secondary);
-		border-radius: var(--image-radius);
-		img {
-			aspect-ratio: var(--cards-aspect-ratio);
-			object-fit: var(--cards-image-fit);
-			max-height: var(--cards-image-height);
+		> li {
+			background-color: var(--cards-background);
+			padding: calc(var(--cards-padding)/2);
+			border-radius: var(--radius-s);
+			border: var(--cards-border-width) solid var(--background-modifier-border);
+			overflow: hidden;
+			margin-inline-start: 0;
+
+		}
+		.image-embed {
+			padding: 0;
+			display: block;
 			background-color: var(--background-secondary);
-			vertical-align: bottom;
+			border-radius: var(--image-radius);
+			img {
+				aspect-ratio: var(--cards-aspect-ratio);
+				object-fit: var(--cards-image-fit);
+				max-height: var(--cards-image-height);
+				background-color: var(--background-secondary);
+				vertical-align: bottom;
+			}
 		}
 	}
-}
-div > ul > li > a {
-	--link-decoration: none;
-	--link-external-decoration: none;
-	font-weight: var(--bold-weight);
-}
-div ul > li:hover {
-	border-color: var(--background-modifier-border-hover);
-}
-div ul ul {
-	display: block;
-	width: 100%;
-	color: var(--text-muted);
-	font-size: var(--font-smallest);
-	margin: calc(var(--cards-padding)/-4) 0;
-	padding: calc(var(--cards-padding)/2) 0;
-
-	ul {
-		padding-bottom: calc(var(--cards-padding)/4);
+	div > ul > li > a {
+		--link-decoration: none;
+		--link-external-decoration: none;
+		font-weight: var(--bold-weight);
 	}
-
-	> li {
+	div ul > li:hover {
+		border-color: var(--background-modifier-border-hover);
+	}
+	div ul ul {
 		display: block;
+		width: 100%;
+		color: var(--text-muted);
+		font-size: var(--font-smallest);
+		margin: calc(var(--cards-padding)/-4) 0;
+		padding: calc(var(--cards-padding)/2) 0;
+
+		ul {
+			padding-bottom: calc(var(--cards-padding)/4);
+		}
+
+		> li {
+			display: block;
+			margin-inline-start: 0;
+		}
 	}
 }
-}
 
 /* ------------------- */
 /* Helper classes */