From 93af45e4d6c1e36edfd67dae28fb4f0a1f29ca67 Mon Sep 17 00:00:00 2001
From: Zack Spear <hi@zackspear.com>
Date: Wed, 26 Jun 2024 16:58:04 -0700
Subject: [PATCH] refactor: docker.manager css format

---
 .../sheets/AddContainer-azure.css             | 10 ++-
 .../sheets/AddContainer-black.css             | 10 ++-
 .../sheets/AddContainer-gray.css              | 10 ++-
 .../sheets/AddContainer-white.css             | 10 ++-
 .../sheets/AddContainer.css                   | 72 ++++++++++++----
 .../sheets/DockerContainers.css               | 57 ++++++++++---
 .../sheets/DockerSettings-azure.css           | 15 +++-
 .../sheets/DockerSettings-black.css           | 15 +++-
 .../sheets/DockerSettings-gray.css            | 15 +++-
 .../sheets/DockerSettings-white.css           | 15 +++-
 .../sheets/DockerSettings.css                 | 82 +++++++++++++++----
 .../sheets/UpdateContainer-azure.css          | 10 ++-
 .../sheets/UpdateContainer-black.css          | 10 ++-
 .../sheets/UpdateContainer-gray.css           | 10 ++-
 .../sheets/UpdateContainer-white.css          | 10 ++-
 .../sheets/UpdateContainer.css                | 72 ++++++++++++----
 16 files changed, 350 insertions(+), 73 deletions(-)

diff --git a/emhttp/plugins/dynamix.docker.manager/sheets/AddContainer-azure.css b/emhttp/plugins/dynamix.docker.manager/sheets/AddContainer-azure.css
index 87419de0b..326439d85 100644
--- a/emhttp/plugins/dynamix.docker.manager/sheets/AddContainer-azure.css
+++ b/emhttp/plugins/dynamix.docker.manager/sheets/AddContainer-azure.css
@@ -1 +1,9 @@
-.fileTree{width:240px;max-height:200px;overflow-y:scroll;overflow-x:hidden;position:absolute;display:none;background:#f2f2f2}
+.fileTree {
+    width: 240px;
+    max-height: 200px;
+    overflow-y: scroll;
+    overflow-x: hidden;
+    position: absolute;
+    display: none;
+    background: #f2f2f2;
+}
diff --git a/emhttp/plugins/dynamix.docker.manager/sheets/AddContainer-black.css b/emhttp/plugins/dynamix.docker.manager/sheets/AddContainer-black.css
index 5bfde958d..bd1de0815 100644
--- a/emhttp/plugins/dynamix.docker.manager/sheets/AddContainer-black.css
+++ b/emhttp/plugins/dynamix.docker.manager/sheets/AddContainer-black.css
@@ -1 +1,9 @@
-.fileTree{width:240px;max-height:200px;overflow-y:scroll;overflow-x:hidden;position:absolute;display:none;background:#1c1c1c}
+.fileTree {
+    width: 240px;
+    max-height: 200px;
+    overflow-y: scroll;
+    overflow-x: hidden;
+    position: absolute;
+    display: none;
+    background: #1c1c1c;
+}
diff --git a/emhttp/plugins/dynamix.docker.manager/sheets/AddContainer-gray.css b/emhttp/plugins/dynamix.docker.manager/sheets/AddContainer-gray.css
index 5bfde958d..bd1de0815 100644
--- a/emhttp/plugins/dynamix.docker.manager/sheets/AddContainer-gray.css
+++ b/emhttp/plugins/dynamix.docker.manager/sheets/AddContainer-gray.css
@@ -1 +1,9 @@
-.fileTree{width:240px;max-height:200px;overflow-y:scroll;overflow-x:hidden;position:absolute;display:none;background:#1c1c1c}
+.fileTree {
+    width: 240px;
+    max-height: 200px;
+    overflow-y: scroll;
+    overflow-x: hidden;
+    position: absolute;
+    display: none;
+    background: #1c1c1c;
+}
diff --git a/emhttp/plugins/dynamix.docker.manager/sheets/AddContainer-white.css b/emhttp/plugins/dynamix.docker.manager/sheets/AddContainer-white.css
index 87419de0b..326439d85 100644
--- a/emhttp/plugins/dynamix.docker.manager/sheets/AddContainer-white.css
+++ b/emhttp/plugins/dynamix.docker.manager/sheets/AddContainer-white.css
@@ -1 +1,9 @@
-.fileTree{width:240px;max-height:200px;overflow-y:scroll;overflow-x:hidden;position:absolute;display:none;background:#f2f2f2}
+.fileTree {
+    width: 240px;
+    max-height: 200px;
+    overflow-y: scroll;
+    overflow-x: hidden;
+    position: absolute;
+    display: none;
+    background: #f2f2f2;
+}
diff --git a/emhttp/plugins/dynamix.docker.manager/sheets/AddContainer.css b/emhttp/plugins/dynamix.docker.manager/sheets/AddContainer.css
index b85ba21a5..3b7bdf656 100644
--- a/emhttp/plugins/dynamix.docker.manager/sheets/AddContainer.css
+++ b/emhttp/plugins/dynamix.docker.manager/sheets/AddContainer.css
@@ -1,14 +1,58 @@
-.noshow,.advanced{display:none}
-.required:after{content:" *";color:#E80000}
-span.boxed{display:inline-block;line-height:normal;white-space:normal;width:60%}
-span.cpu,label.checkbox{display:inline-block;width:32px}
-span.ct{display:inline-block;width:230px}
-span.net{display:inline-block;width:120px}
-span.ip{display:inline-block;width:160px}
-dl,dt,dd{line-height:normal!important;height:auto!important}
-dl{padding:8px 0!important}
-dl>dt:nth-of-type(2),dl>dd:nth-of-type(2){padding:20px 0 0 0!important}
-input.setting_input{margin-right:4rem}
-input,select{margin-top:-0.8rem!important}
-div#configLocation,div#configLocation dl{padding:0!important}
-div#configLocation dt{margin-top:-0.18rem!important}
+.noshow,
+.advanced {
+    display: none;
+}
+.required:after {
+    content: " *";
+    color: #e80000;
+}
+span.boxed {
+    display: inline-block;
+    line-height: normal;
+    white-space: normal;
+    width: 60%;
+}
+span.cpu,
+label.checkbox {
+    display: inline-block;
+    width: 32px;
+}
+span.ct {
+    display: inline-block;
+    width: 230px;
+}
+span.net {
+    display: inline-block;
+    width: 120px;
+}
+span.ip {
+    display: inline-block;
+    width: 160px;
+}
+dl,
+dt,
+dd {
+    line-height: normal !important;
+    height: auto !important;
+}
+dl {
+    padding: 8px 0 !important;
+}
+dl > dt:nth-of-type(2),
+dl > dd:nth-of-type(2) {
+    padding: 20px 0 0 0 !important;
+}
+input.setting_input {
+    margin-right: 4rem;
+}
+input,
+select {
+    margin-top: -0.8rem !important;
+}
+div#configLocation,
+div#configLocation dl {
+    padding: 0 !important;
+}
+div#configLocation dt {
+    margin-top: -0.18rem !important;
+}
diff --git a/emhttp/plugins/dynamix.docker.manager/sheets/DockerContainers.css b/emhttp/plugins/dynamix.docker.manager/sheets/DockerContainers.css
index f57f754f0..2a9bb180d 100644
--- a/emhttp/plugins/dynamix.docker.manager/sheets/DockerContainers.css
+++ b/emhttp/plugins/dynamix.docker.manager/sheets/DockerContainers.css
@@ -1,12 +1,45 @@
-.basic{display:block}
-.advanced{display:none;white-space:nowrap}
-.log{cursor:zoom-in}
-.exec{cursor:pointer}
-table#docker_containers{text-align:left}
-th.five{width:5%}
-th.nine{width:9%}
-th.load{width:140px}
-input.wait{width:24px;margin:0 4px;padding:0 5px;border:none;box-shadow:none;background-color:transparent}
-table tbody td{line-height:normal}
-i.mover{margin-right:8px;display:none}
-#resetsort{margin-left:12px;display:inline-block;width:32px}
+.basic {
+    display: block;
+}
+.advanced {
+    display: none;
+    white-space: nowrap;
+}
+.log {
+    cursor: zoom-in;
+}
+.exec {
+    cursor: pointer;
+}
+table#docker_containers {
+    text-align: left;
+}
+th.five {
+    width: 5%;
+}
+th.nine {
+    width: 9%;
+}
+th.load {
+    width: 140px;
+}
+input.wait {
+    width: 24px;
+    margin: 0 4px;
+    padding: 0 5px;
+    border: none;
+    box-shadow: none;
+    background-color: transparent;
+}
+table tbody td {
+    line-height: normal;
+}
+i.mover {
+    margin-right: 8px;
+    display: none;
+}
+#resetsort {
+    margin-left: 12px;
+    display: inline-block;
+    width: 32px;
+}
diff --git a/emhttp/plugins/dynamix.docker.manager/sheets/DockerSettings-azure.css b/emhttp/plugins/dynamix.docker.manager/sheets/DockerSettings-azure.css
index d60555212..744f4d3ea 100644
--- a/emhttp/plugins/dynamix.docker.manager/sheets/DockerSettings-azure.css
+++ b/emhttp/plugins/dynamix.docker.manager/sheets/DockerSettings-azure.css
@@ -1,2 +1,13 @@
-.fileTree{background:#f2f2f2;width:300px;max-height:150px;overflow-y:scroll;overflow-x:hidden;position:absolute;z-index:100;display:none}
-span.disabled{color:#B0B0B0}
+.fileTree {
+    background: #f2f2f2;
+    width: 300px;
+    max-height: 150px;
+    overflow-y: scroll;
+    overflow-x: hidden;
+    position: absolute;
+    z-index: 100;
+    display: none;
+}
+span.disabled {
+    color: #b0b0b0;
+}
diff --git a/emhttp/plugins/dynamix.docker.manager/sheets/DockerSettings-black.css b/emhttp/plugins/dynamix.docker.manager/sheets/DockerSettings-black.css
index 97dd4a600..d61c04861 100644
--- a/emhttp/plugins/dynamix.docker.manager/sheets/DockerSettings-black.css
+++ b/emhttp/plugins/dynamix.docker.manager/sheets/DockerSettings-black.css
@@ -1,2 +1,13 @@
-.fileTree{background:#1c1c1c;width:300px;max-height:150px;overflow-y:scroll;overflow-x:hidden;position:absolute;z-index:100;display:none}
-span.disabled{color:#404040}
+.fileTree {
+    background: #1c1c1c;
+    width: 300px;
+    max-height: 150px;
+    overflow-y: scroll;
+    overflow-x: hidden;
+    position: absolute;
+    z-index: 100;
+    display: none;
+}
+span.disabled {
+    color: #404040;
+}
diff --git a/emhttp/plugins/dynamix.docker.manager/sheets/DockerSettings-gray.css b/emhttp/plugins/dynamix.docker.manager/sheets/DockerSettings-gray.css
index 97dd4a600..d61c04861 100644
--- a/emhttp/plugins/dynamix.docker.manager/sheets/DockerSettings-gray.css
+++ b/emhttp/plugins/dynamix.docker.manager/sheets/DockerSettings-gray.css
@@ -1,2 +1,13 @@
-.fileTree{background:#1c1c1c;width:300px;max-height:150px;overflow-y:scroll;overflow-x:hidden;position:absolute;z-index:100;display:none}
-span.disabled{color:#404040}
+.fileTree {
+    background: #1c1c1c;
+    width: 300px;
+    max-height: 150px;
+    overflow-y: scroll;
+    overflow-x: hidden;
+    position: absolute;
+    z-index: 100;
+    display: none;
+}
+span.disabled {
+    color: #404040;
+}
diff --git a/emhttp/plugins/dynamix.docker.manager/sheets/DockerSettings-white.css b/emhttp/plugins/dynamix.docker.manager/sheets/DockerSettings-white.css
index d60555212..744f4d3ea 100644
--- a/emhttp/plugins/dynamix.docker.manager/sheets/DockerSettings-white.css
+++ b/emhttp/plugins/dynamix.docker.manager/sheets/DockerSettings-white.css
@@ -1,2 +1,13 @@
-.fileTree{background:#f2f2f2;width:300px;max-height:150px;overflow-y:scroll;overflow-x:hidden;position:absolute;z-index:100;display:none}
-span.disabled{color:#B0B0B0}
+.fileTree {
+    background: #f2f2f2;
+    width: 300px;
+    max-height: 150px;
+    overflow-y: scroll;
+    overflow-x: hidden;
+    position: absolute;
+    z-index: 100;
+    display: none;
+}
+span.disabled {
+    color: #b0b0b0;
+}
diff --git a/emhttp/plugins/dynamix.docker.manager/sheets/DockerSettings.css b/emhttp/plugins/dynamix.docker.manager/sheets/DockerSettings.css
index b4db05070..abfa3c60b 100644
--- a/emhttp/plugins/dynamix.docker.manager/sheets/DockerSettings.css
+++ b/emhttp/plugins/dynamix.docker.manager/sheets/DockerSettings.css
@@ -1,17 +1,65 @@
-.errortext{color:#EF3D47;display:none;margin-left:20px}
-.basic{display:inline-block}
-.advanced{display:none}
-select.mask{min-width:0;margin:0 10px 0 4px}
-select.net{min-width:0;margin:0 4px 0 2px}
-select option.hide{display:none}
-input.ip4{width:100px;margin:0 4px 0 1px}
-input.ip6{width:140px;margin:0 4px}
-input.gw4{width:100px;margin:0 4px 0 1px}
-input.gw6{width:160px;margin:0 4px}
-input.pool6{width:40px;margin:0 4px 0 1px}
-span.net{margin-left:4px;margin-right:2px}
-span.ip4{display:inline-block;width:260px}
-span.ip6{display:inline-block;width:310px}
-span.gw4{display:inline-block;width:200px}
-span.gw6{display:inline-block;width:270px}
-span.nonexist{margin-left:20px}
+.errortext {
+    color: #ef3d47;
+    display: none;
+    margin-left: 20px;
+}
+.basic {
+    display: inline-block;
+}
+.advanced {
+    display: none;
+}
+select.mask {
+    min-width: 0;
+    margin: 0 10px 0 4px;
+}
+select.net {
+    min-width: 0;
+    margin: 0 4px 0 2px;
+}
+select option.hide {
+    display: none;
+}
+input.ip4 {
+    width: 100px;
+    margin: 0 4px 0 1px;
+}
+input.ip6 {
+    width: 140px;
+    margin: 0 4px;
+}
+input.gw4 {
+    width: 100px;
+    margin: 0 4px 0 1px;
+}
+input.gw6 {
+    width: 160px;
+    margin: 0 4px;
+}
+input.pool6 {
+    width: 40px;
+    margin: 0 4px 0 1px;
+}
+span.net {
+    margin-left: 4px;
+    margin-right: 2px;
+}
+span.ip4 {
+    display: inline-block;
+    width: 260px;
+}
+span.ip6 {
+    display: inline-block;
+    width: 310px;
+}
+span.gw4 {
+    display: inline-block;
+    width: 200px;
+}
+span.gw6 {
+    display: inline-block;
+    width: 270px;
+}
+span.nonexist {
+    margin-left: 20px;
+}
diff --git a/emhttp/plugins/dynamix.docker.manager/sheets/UpdateContainer-azure.css b/emhttp/plugins/dynamix.docker.manager/sheets/UpdateContainer-azure.css
index 87419de0b..326439d85 100644
--- a/emhttp/plugins/dynamix.docker.manager/sheets/UpdateContainer-azure.css
+++ b/emhttp/plugins/dynamix.docker.manager/sheets/UpdateContainer-azure.css
@@ -1 +1,9 @@
-.fileTree{width:240px;max-height:200px;overflow-y:scroll;overflow-x:hidden;position:absolute;display:none;background:#f2f2f2}
+.fileTree {
+    width: 240px;
+    max-height: 200px;
+    overflow-y: scroll;
+    overflow-x: hidden;
+    position: absolute;
+    display: none;
+    background: #f2f2f2;
+}
diff --git a/emhttp/plugins/dynamix.docker.manager/sheets/UpdateContainer-black.css b/emhttp/plugins/dynamix.docker.manager/sheets/UpdateContainer-black.css
index 5bfde958d..bd1de0815 100644
--- a/emhttp/plugins/dynamix.docker.manager/sheets/UpdateContainer-black.css
+++ b/emhttp/plugins/dynamix.docker.manager/sheets/UpdateContainer-black.css
@@ -1 +1,9 @@
-.fileTree{width:240px;max-height:200px;overflow-y:scroll;overflow-x:hidden;position:absolute;display:none;background:#1c1c1c}
+.fileTree {
+    width: 240px;
+    max-height: 200px;
+    overflow-y: scroll;
+    overflow-x: hidden;
+    position: absolute;
+    display: none;
+    background: #1c1c1c;
+}
diff --git a/emhttp/plugins/dynamix.docker.manager/sheets/UpdateContainer-gray.css b/emhttp/plugins/dynamix.docker.manager/sheets/UpdateContainer-gray.css
index 5bfde958d..bd1de0815 100644
--- a/emhttp/plugins/dynamix.docker.manager/sheets/UpdateContainer-gray.css
+++ b/emhttp/plugins/dynamix.docker.manager/sheets/UpdateContainer-gray.css
@@ -1 +1,9 @@
-.fileTree{width:240px;max-height:200px;overflow-y:scroll;overflow-x:hidden;position:absolute;display:none;background:#1c1c1c}
+.fileTree {
+    width: 240px;
+    max-height: 200px;
+    overflow-y: scroll;
+    overflow-x: hidden;
+    position: absolute;
+    display: none;
+    background: #1c1c1c;
+}
diff --git a/emhttp/plugins/dynamix.docker.manager/sheets/UpdateContainer-white.css b/emhttp/plugins/dynamix.docker.manager/sheets/UpdateContainer-white.css
index 87419de0b..326439d85 100644
--- a/emhttp/plugins/dynamix.docker.manager/sheets/UpdateContainer-white.css
+++ b/emhttp/plugins/dynamix.docker.manager/sheets/UpdateContainer-white.css
@@ -1 +1,9 @@
-.fileTree{width:240px;max-height:200px;overflow-y:scroll;overflow-x:hidden;position:absolute;display:none;background:#f2f2f2}
+.fileTree {
+    width: 240px;
+    max-height: 200px;
+    overflow-y: scroll;
+    overflow-x: hidden;
+    position: absolute;
+    display: none;
+    background: #f2f2f2;
+}
diff --git a/emhttp/plugins/dynamix.docker.manager/sheets/UpdateContainer.css b/emhttp/plugins/dynamix.docker.manager/sheets/UpdateContainer.css
index b85ba21a5..3b7bdf656 100644
--- a/emhttp/plugins/dynamix.docker.manager/sheets/UpdateContainer.css
+++ b/emhttp/plugins/dynamix.docker.manager/sheets/UpdateContainer.css
@@ -1,14 +1,58 @@
-.noshow,.advanced{display:none}
-.required:after{content:" *";color:#E80000}
-span.boxed{display:inline-block;line-height:normal;white-space:normal;width:60%}
-span.cpu,label.checkbox{display:inline-block;width:32px}
-span.ct{display:inline-block;width:230px}
-span.net{display:inline-block;width:120px}
-span.ip{display:inline-block;width:160px}
-dl,dt,dd{line-height:normal!important;height:auto!important}
-dl{padding:8px 0!important}
-dl>dt:nth-of-type(2),dl>dd:nth-of-type(2){padding:20px 0 0 0!important}
-input.setting_input{margin-right:4rem}
-input,select{margin-top:-0.8rem!important}
-div#configLocation,div#configLocation dl{padding:0!important}
-div#configLocation dt{margin-top:-0.18rem!important}
+.noshow,
+.advanced {
+    display: none;
+}
+.required:after {
+    content: " *";
+    color: #e80000;
+}
+span.boxed {
+    display: inline-block;
+    line-height: normal;
+    white-space: normal;
+    width: 60%;
+}
+span.cpu,
+label.checkbox {
+    display: inline-block;
+    width: 32px;
+}
+span.ct {
+    display: inline-block;
+    width: 230px;
+}
+span.net {
+    display: inline-block;
+    width: 120px;
+}
+span.ip {
+    display: inline-block;
+    width: 160px;
+}
+dl,
+dt,
+dd {
+    line-height: normal !important;
+    height: auto !important;
+}
+dl {
+    padding: 8px 0 !important;
+}
+dl > dt:nth-of-type(2),
+dl > dd:nth-of-type(2) {
+    padding: 20px 0 0 0 !important;
+}
+input.setting_input {
+    margin-right: 4rem;
+}
+input,
+select {
+    margin-top: -0.8rem !important;
+}
+div#configLocation,
+div#configLocation dl {
+    padding: 0 !important;
+}
+div#configLocation dt {
+    margin-top: -0.18rem !important;
+}