Non-anchoring bottom element

htdocs/RoutePatientDocuments.vue

@@ -16,7 +16,7 @@
 							</div>
 						</li>
 					</router-link>
-					<li class="list-group-item" ref="bottom" />
+					<li class="bottom list-group-item" ref="bottom" />
 				</ul>
 			</div>
 		</div>
@@ -57,6 +57,9 @@
 		color: #fff;
 		background-color: #0d6efd;
 	}
+	li.bottom {
+		overflow-anchor: none;
+	}
 	div.cell {
 		overflow: hidden;
 		text-overflow: ellipsis;

htdocs/RoutePatientReports.vue

@@ -82,6 +82,9 @@
 		color: #fff;
 		background-color: #0d6efd;
 	}
+	li.bottom {
+		overflow-anchor: none;
+	}
 	li.bottom button {
 		width: 100%;
 	}