style: update TableContainer class to improve layout consistency and responsiveness across Docker and VM pages

This commit is contained in:
Zack Spear
2025-06-02 16:34:22 -07:00
parent 3506afd6ae
commit d697accdfe
3 changed files with 3 additions and 13 deletions

View File

@@ -28,7 +28,7 @@ $cpus = cpu_list();
?>
<link type="text/css" rel="stylesheet" href="<?autov('/webGui/styles/jquery.switchbutton.css')?>">
<div class="TableContainer--widest">
<div class="TableContainer">
<table id="docker_containers" class="tablesorter shift">
<thead>
<tr>

View File

@@ -486,7 +486,7 @@ $(function() {
});
</script>
<div class="TableContainer--widest">
<div class="TableContainer">
<table id="kvm_table" class="tablesorter four shift">
<thead>
<tr>

View File

@@ -870,16 +870,7 @@ div.title span img {
-webkit-overflow-scrolling: touch;
table {
min-width: 1280px;
}
}
.TableContainer--widest {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
table {
min-width: 1345px;
min-width: 1000px;
}
}
@@ -1357,7 +1348,6 @@ a.list {
/* Remove padding for forms inside TableContainer elements */
.TableContainer form:first-of-type,
.TableContainer--widest form:first-of-type,
.TableContainer--no-min-width form:first-of-type {
padding-top: 0;
}