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;
           }
         }
       }