Fix style anchor tag itself (and pseudo-anchor too), to have it control surrounding space.

1 files changed, 14 insertions, 10 deletions

diff --git a/test.scss b/test.scss
index 2cfdbf7..45a5305 100644
--- a/test.scss
+++ b/test.scss
@@ -10,26 +10,30 @@
 //	margin: 3em 0;
 //}
 
-.topbar ul li {
-	display: inline-block;
+.topbar ul {
 	position: relative;
 	top: 1.5em;
-	width: 10em;
-	padding: 1em;
-	margin: 0 0.2em 0;
-	background-color: #6699cc;
-	&:hover {
-		background-color: lightblue;
-	}
 }
 
-.topbar ul li a {
+.topbar ul li a,
+.topbar ul li .selflink {
+	@include inline-block;
+	width: 12em;
+	line-height: 4em;
+	background-color: #6699cc;
 	color: white;
 	&:hover {
+		background-color: lightblue;
 		color: #336699;
 	}
 }
 
+// FIXME: change topbar inline-block-list padding instead
+.topbar ul li {
+	padding-left: .2em;
+	padding-right: .2em;
+}
+
 #content {
 	width: 96%;
 	max-width: none;