Change social links display
- Refactored icon matching code (generates cleaner HTML)
- The social links now only show an icon with a tooltip when hovering.
- The normal links now use the icon matching code
diff --git a/static/css/style.less b/static/css/style.less
index 904ef63..32bb0bb 100644
--- a/static/css/style.less
+++ b/static/css/style.less
@@ -68,27 +68,37 @@
}
p {
- margin: 0 0 15px 0;
+ margin: 0px;
font-size: 14px;
}
+ i {
+ width: 30px;
+ text-align: center;
+ vertical-align: middle;
+ }
+
+ div.social {
+ margin-top:15px;
+
+ a {
+ display: inline-block;
+ height: 30px;
+ }
+ }
+
ul {
- margin: 20px 0 0 0;
- padding-left: 0;
+ margin: 0px;
+ padding-left: 0px;
font-size: 16px;
list-style-type: none;
li {
- display: block;
line-height: 2em;
a {
i {
padding-left: 5px;
- color: @black;
- width: 30px;
- text-align: center;
- vertical-align: middle;
}
}
}