twitter link visually separated from "special thanks" section on homepage

Author: salathe

index.php

@@ -172,9 +172,17 @@
     <p class='panel'><a href='/cal.php'>User Group Events</a></p>
     <p class='panel'><a href='/thanks.php'>Special Thanks</a></p>
     <p class='panel social-media'>
-      <a class='headline' href="https://twitter.com/official_php">
-        <i class="icon-twitter"></i>
-      </a>
+      <span class='headline'>Social media</span>
+      <div class='body'>
+        <ul>
+          <li>
+            <a href="https://twitter.com/official_php">
+              <i class="icon-twitter"></i>
+              @official_php
+            </a>
+          </li>
+        </ul>
+      </div>
     </p>
 
 SIDEBAR_DATA;

styles/home.css

@@ -128,18 +128,7 @@ aside.tips .mirror-sponsor {
 }
 
 /* Social media buttons. */
-aside.tips .social-media {
-    padding-top: 2em;
-}
-
-aside.tips .social-media a {
-    border-bottom: 0;
-}
-
-aside.tips .panel.social-media > a:after {
-    display: none;
-}
-
-aside.tips .social-media .headline {
+aside.tips .social-media .icon-twitter {
     font-size: 1.5em;
+    vertical-align: middle;
 }

styles/theme-medium.css

@@ -410,7 +410,8 @@ aside.tips a {
   color:#ccc;
   border-bottom:1px dotted #666;
 }
-aside.tips .panel > a:after {
+aside.tips .panel > a:after,
+aside.tips .panel > span:after {
   content:" ";
   display:block;
   border-bottom:1px dotted #666;