Fix content shift on stats row hover (hestiacp#3614)

* Fix content shift on stats row hover

* Fix 500 when saving Configure Server form

* Tidy some JS selectors

* Revert "Fix 500 when saving Configure Server form"

This reverts commit 0ac9a24.

Author: AlecRust

web/css/src/themes/default.css

@@ -1263,12 +1263,14 @@
 		display: flex;
 		align-items: flex-start;
 		justify-content: space-between;
+		border-left: 1px solid transparent;
+		border-right: 1px solid transparent;
 		padding: 30px 20px;
 
 		&:hover {
 			background-color: #f8f8f8;
-			border-left: 1px solid #ddd;
-			border-right: 1px solid #ddd;
+			border-left-color: #ddd;
+			border-right-color: #ddd;
 			box-shadow: 0 2px 10px rgb(0 0 0 / 10%);
 		}
 	}

web/js/src/navigation.js

@@ -29,7 +29,7 @@ export function enterFocused() {
 	}
 
 	const activeUnit = document.querySelector(
-		'.js-units-container .l-unit.focus .actions-panel__col.actions-panel__edit a'
+		'.js-unit.focus .actions-panel__col.actions-panel__edit a'
 	);
 	if (activeUnit) {
 		location.href = activeUnit.getAttribute('href');
@@ -78,9 +78,9 @@ function moveFocusLeftRight(direction) {
 }
 
 function moveFocusUpDown(direction) {
-	const unitSelector = '.js-units-container .l-unit:not(.header)';
+	const unitSelector = '.js-unit:not(.header)';
 	const units = Array.from(document.querySelectorAll(unitSelector));
-	const currentFocused = document.querySelector('.js-units-container .l-unit.focus');
+	const currentFocused = document.querySelector('.js-unit.focus');
 	let index = units.indexOf(currentFocused);
 
 	if (index === -1) {