diff --git a/apps/i2ptunnel/jsp/editClient.jsi b/apps/i2ptunnel/jsp/editClient.jsi
index e4f7e9e1d7..f775aa381d 100644
--- a/apps/i2ptunnel/jsp/editClient.jsi
+++ b/apps/i2ptunnel/jsp/editClient.jsi
@@ -37,7 +37,7 @@
-
+ |
<%=intl._t("Name")%>
|
<%=intl._t("Type")%>
diff --git a/apps/i2ptunnel/jsp/editServer.jsi b/apps/i2ptunnel/jsp/editServer.jsi
index c2a00e4b29..63dc88b1ed 100644
--- a/apps/i2ptunnel/jsp/editServer.jsi
+++ b/apps/i2ptunnel/jsp/editServer.jsi
@@ -36,7 +36,7 @@
-
+ |
<%=intl._t("Name")%>
|
<%=intl._t("Type")%>
diff --git a/apps/i2ptunnel/jsp/js/tableSlider.js b/apps/i2ptunnel/jsp/js/tableSlider.js
index 6185882fc7..7ca6a5785c 100644
--- a/apps/i2ptunnel/jsp/js/tableSlider.js
+++ b/apps/i2ptunnel/jsp/js/tableSlider.js
@@ -23,8 +23,6 @@ hideableTables.forEach(function(configTable) {
) {
row.style.visibility = "collapse";
}
- } else {
- row.firstElementChild.classList.remove('tunnelConfigExpanded');
}
} else if (row.style.visibility == "visible") {
if (row.firstElementChild.localName != "th") {
@@ -34,14 +32,17 @@ hideableTables.forEach(function(configTable) {
row.style.visibility = "collapse";
collapseme = true;
}
- } else {
- row.firstElementChild.classList.remove('tunnelConfigExpanded');
}
+ row.querySelectorAll("th").forEach(function(configRow) {
+ configRow.classList.toggle('tunnelConfigExpanded');
+ });
+ configTable.classList.remove('tunnelConfigExpanded');
} else {
row.style.visibility = "visible";
- if (row.firstElementChild.localName == 'th') {
- row.firstElementChild.classList.add('tunnelConfigExpanded');
- }
+ row.querySelectorAll("th").forEach(function(configRow) {
+ configRow.classList.add('tunnelConfigExpanded');
+ });
+ configTable.classList.add('tunnelConfigExpanded');
}
}
}
@@ -56,9 +57,9 @@ hideableTables.forEach(function(configTable) {
}
for (var i = 0, row; (row = hideableTables[0].offsetParent.rows[i]); i++) {
row.style.visibility = "visible";
- if (row.firstElementChild.localName == 'th') {
- row.firstElementChild.classList.add('tunnelConfigExpanded');
- }
+ row.querySelectorAll("th").forEach(function(configRow) {
+ configRow.classList.add('tunnelConfigExpanded');
+ });
}
});
diff --git a/installer/resources/themes/console/dark/i2ptunnel.css b/installer/resources/themes/console/dark/i2ptunnel.css
index dd5f1dcfda..7fae40c934 100644
--- a/installer/resources/themes/console/dark/i2ptunnel.css
+++ b/installer/resources/themes/console/dark/i2ptunnel.css
@@ -353,7 +353,7 @@ html body#tunnelEditPage form div.panel table#serverTunnelEdit.tunnelConfig tbod
.tunnelConfigExpanded {
background: url(images/dropdown_active.png) #433e47 !important;
- padding-left: 0px !important;
+ padding-left: 30px;
}
.tunnelConfigContracted {
@@ -363,7 +363,11 @@ html body#tunnelEditPage form div.panel table#serverTunnelEdit.tunnelConfig tbod
.excludeBackgroundImage {
background-image: none !important;
- padding-left: 30px;
+ padding-left: 0px !important;
+}
+
+.tunnelName {
+ padding-left: 30px !important;
}
#clientTunnels tr, #serverTunnels tr, .tunnelConfig tr {
diff --git a/installer/resources/themes/console/light/i2ptunnel.css b/installer/resources/themes/console/light/i2ptunnel.css
index 6bcfec8465..a64044be66 100644
--- a/installer/resources/themes/console/light/i2ptunnel.css
+++ b/installer/resources/themes/console/light/i2ptunnel.css
@@ -538,6 +538,10 @@ html body#tunnelEditPage form div.panel table#serverTunnelEdit.tunnelConfig tbod
padding-left: 0px !important;
}
+.tunnelName {
+ padding-left: 30px !important;
+}
+
.tunnelProperties {
background: #fafaff !important;
}
| |