diff --git a/resources/style.css b/resources/style.css
index 6f1cce1e..ae8eb0cf 100644
--- a/resources/style.css
+++ b/resources/style.css
@@ -196,16 +196,6 @@ td>select {
margin-bottom: 0px
}
-#tblnav td, th {
- border: 0;
- border-bottom: 1px solid;
-}
-
-.tdbtn {
- text-align: center;
- vertical-align: middle;
-}
-
.warning {
color: #f00;
}
@@ -230,4 +220,61 @@ td>select {
.adapt table td:first-child { border-bottom: 0; }
.adapt table td:last-child { border-top: 0; }
+
+ #tblnav a li>span {
+ max-width: 140px;
+ }
+}
+
+#tblnav a {
+ border: 0;
+ border-bottom: 1px solid;
+ display: block;
+ font-size: 1rem;
+ font-weight: bold;
+ padding: .6rem 0;
+ line-height: 1;
+ color: var(--nc-tx-1);
+ text-decoration: none;
+
+ background: linear-gradient(to left, transparent 50%, rgba(255,255,255,0.4) 50%) right;
+ background-size: 200% 100%;
+ transition:all .2s ease;
+}
+
+#tblnav a:nth-child(even) {
+ background: linear-gradient(to left, var(--nc-bg-2) 50%, rgba(255,255,255,0.4) 50%) right;
+ background-size: 200% 100%;
+}
+
+#tblnav a:hover {
+ background-position: left;
+ transition:all .45s ease;
+}
+
+#tblnav a:active {
+ background: var(--nc-lk-1);
+ transition:all .15s ease;
+}
+
+#tblnav a li {
+ list-style: none;
+ padding: .5rem;
+ display: inline-block;
+ width: 100%;
+}
+
+#tblnav a li>span {
+ float: right;
+ text-align: right;
+ margin-right: 10px;
+ color: #f70;
+ font-weight: 100;
+ font-style: italic;
+ display: block;
+}
+
+.tdbtn {
+ text-align: center;
+ vertical-align: middle;
}
diff --git a/src/WebCfgServer.cpp b/src/WebCfgServer.cpp
index 1cb7e7c1..12363125 100644
--- a/src/WebCfgServer.cpp
+++ b/src/WebCfgServer.cpp
@@ -1137,36 +1137,29 @@ void WebCfgServer::buildHtml(String& response)
if(_preferences->getBool(preference_check_updates)) printParameter(response, "Latest Firmware", _preferences->getString(preference_latest_version).c_str(), "/ota", "ota");
- response.concat("
MQTT and Network Configuration | "); - buildNavigationButton(response, "Edit", "/mqttconfig", _brokerConfigured ? "" : "(!) Please configure MQTT broker"); - response.concat(" |
Nuki Configuration | "); - buildNavigationButton(response, "Edit", "/nukicfg"); - response.concat(" |
Access Level Configuration | "); - buildNavigationButton(response, "Edit", "/acclvl"); - response.concat(" |
Credentials | "); - buildNavigationButton(response, "Edit", "/cred", _pinsConfigured ? "" : "(!) Please configure PIN"); - response.concat(" |
GPIO Configuration | "); - buildNavigationButton(response, "Edit", "/gpiocfg"); - response.concat(" |
Firmware update | "); - buildNavigationButton(response, "Open", "/ota"); + response.concat(" |