Merge pull request #2438 from G-Ambatte/fixToC-#2437

Change ToC to use flexbox

themes/V3/5ePHB/style.less

@@ -657,7 +657,11 @@ body {
 //*****************************
 // *      TABLE OF CONTENTS
 // *****************************/
-.page .toc{
+.page {
+	&:has(.toc):after {
+		display: none;
+	}
+	.toc {
 	-webkit-column-break-inside : avoid;
 	page-break-inside           : avoid;
 	break-inside                : avoid;
@@ -683,6 +687,13 @@ body {
 		ul{
 			padding-left    : 0;
 			list-style-type : none;
+			margin-top      : 0;
+			a {
+				width           : 100%;
+				display         : flex;
+				flex-flow       : row nowrap;
+				justify-content : space-between;
+			}
 			li + li h3 {
 				margin-top  : 0.26cm;
 				line-height : 1em
@@ -691,29 +702,23 @@ body {
 				border : none;
 			}
 			span {
-			display : table-cell;
-			&:first-child {
-				position   :       relative;
-				overflow   :       hidden;
-				&::after {
+				display : contents;
+				&:first-child::after {
 					content       : "";
-					position      : absolute;
 					bottom        : 0.08cm;
-					margin-left   : 0.06cm;        /* Spacing before dot leaders */
-					width         : 100%;
+					flex          : 1;
+					margin-left   : 0.08cm;        /* Spacing before dot leaders */
+					margin-right  : 0.16cm;
 					border-bottom : 0.05cm dotted #000;
-				}
+					margin-bottom : 0.08cm;
 				}
 				&:last-child {
-				font-family    : BookInsanityRemake;
+					display     : inline-block;
+					align-self  : flex-end;
+					font-family : "BookInsanityRemake";
 					font-size   : 0.34cm;
 					font-weight : normal;
-				color          : black;
-				text-align     : right;
-				vertical-align : bottom; /* Keep page number bottom-aligned */
-				width          : 1%;
-				padding-left   : 0.06cm; /* Spacing after dot leaders */
-				/*white-space  : nowrap; /* Uncomment if needed */
+					color       : #000;
 				}
 			}
 			ul { /*List indent*/
@@ -723,6 +728,7 @@ body {
 		&.wide{
 			.useColumns(0.96, @fillMode: balance);
 		}
+	}
 }
 
 //*****************************