diff --git a/common/page.html b/common/page.html
index 37f42ff..51e4487 100644
--- a/common/page.html
+++ b/common/page.html
@@ -6,13 +6,48 @@
diff --git a/resources/pinout.scss b/resources/pinout.scss
index 1841eb9..96ce1a6 100644
--- a/resources/pinout.scss
+++ b/resources/pinout.scss
@@ -604,13 +604,21 @@ nav {
}
li {
position:relative;
- padding-left:25px;
+ margin-bottom:2px;
line-height:20px;
small {
font-size:10px;
}
}
+ a {
+ padding: 0 12px 0 30px;
+ }
+
+ li, a {
+ color:$overlay-pin-fg;
+ }
+
.pow3v3 .pin {background:$color-yellow;}
.pow5v .pin {background:$color-red;}
.gpio .pin {background:$color-green;}
diff --git a/resources/pinout.scss.css b/resources/pinout.scss.css
index 9a660a0..227c448 100644
--- a/resources/pinout.scss.css
+++ b/resources/pinout.scss.css
@@ -461,10 +461,14 @@ nav {
padding: 0; }
#legend li {
position: relative;
- padding-left: 25px;
+ margin-bottom: 2px;
line-height: 20px; }
#legend li small {
font-size: 10px; }
+#legend a {
+ padding: 0 12px 0 30px; }
+#legend li, #legend a {
+ color: #063541; }
#legend .pow3v3 .pin {
background: #B58900; }
#legend .pow5v .pin {