Migrate more tables to .units-table (hestiacp#3662)

* Add .units-table-heading-cell

To control which column has the "heading cell".

* Migrate List Backup Exclusions to .units-table

* Tidy formatting

* Migrate List Mail DNS to .units-table

* Migrate List Backup Detail to .units-table

Author: AlecRust

web/css/src/themes/default.css

@@ -955,13 +955,6 @@
 }
 
 .units-table-cell {
-	/* Row heading cell */
-	&:nth-child(2) {
-		font-size: 0.9rem;
-		padding-top: 5px;
-		padding-bottom: 5px;
-	}
-
 	& a {
 		color: #353535;
 
@@ -979,13 +972,18 @@
 		&:nth-child(1) {
 			line-height: 0.6;
 		}
+	}
+}
 
-		/* Row heading cell */
-		&:nth-child(2) {
-			font-size: 0.8rem;
-			padding-top: 10px;
-			padding-bottom: 10px;
-		}
+.units-table-heading-cell {
+	font-size: 0.9rem;
+	padding-top: 5px;
+	padding-bottom: 5px;
+
+	@media (--viewport-large) {
+		font-size: 0.8rem;
+		padding-top: 10px;
+		padding-bottom: 10px;
 	}
 }
 

web/templates/pages/list_access_keys.php

@@ -78,7 +78,7 @@
 						<label for="check<?= $i ?>" class="u-hide-desktop"><?= _("Select") ?></label>
 					</div>
 				</div>
-				<div class="units-table-cell u-text-bold">
+				<div class="units-table-cell units-table-heading-cell u-text-bold">
 					<span class="u-hide-desktop"><?= _("Access Key") ?>:</span>
 					<a href="/list/access-key/?key=<?= htmlentities($key) ?>&token=<?= $_SESSION["token"] ?>" title="<?= _("Access Key") ?>: <?= $key ?>">
 						<?= $key ?>

web/templates/pages/list_backup.php

@@ -74,7 +74,7 @@
 						<label for="check<?= $i ?>" class="u-hide-desktop"><?= _("Select") ?></label>
 					</div>
 				</div>
-				<div class="units-table-cell u-text-bold">
+				<div class="units-table-cell units-table-heading-cell u-text-bold">
 					<span class="u-hide-desktop"><?= _("File Name") ?>:</span>
 					<?php if ($read_only === "true") { ?>
 						<?= $key ?>