[style] Fixup bonkers style sheet again

content/posts/twitter/1222163017862918145.md

@@ -8,7 +8,7 @@
   ],
   "text": "So sieht das dann in der Praxis aus. https://t.co/LCu4RTKhF1 https://t.co/CUFt162LQg",
   "type": "twitter_tweet",
-  "title": "So sieht das dann in der Praxis aus. &gt…",
+  "title": "So sieht das dann in der Praxis aus. …",
   "images": [],
   "category": "posts",
   "media_url": null,

layouts/index.html

@@ -3,7 +3,7 @@
     {{ partial "navbar.html" . }}
     <div class="main wrapper clearfix">
         <div class="post-content">
-            <img align="left" style="margin-top: 0;" src="/images/bascht.jpg">
+            <img align="left" style="margin-top: 0; margin-right: 1em;" src="/images/bascht.jpg">
             <h4>Hallo!</h4>
             Mein Name ist <strong>Bascht</strong>. Ich bin hauptsächlich Mensch,
             Christ, Dipl.-Ing. für Multimediatechnik, Musikliebhaber. Als

static/css/bascht.com.css

@@ -213,7 +213,6 @@ article.summary a.anchor {
     /* align-items: center; */
     align-content: stretch;
 }
-.social_bar a,
 .posts a {
     padding: 1em;
     box-sizing: border-box;
@@ -275,14 +274,33 @@ h2 span.social_logo {
 
 div.social_bar {
     clear: both;
-    padding-left: 3em;
+    padding-left: 1em;
+    height: 230px;
 }
 
 div.social_bar > a {
     margin-left: 2em;
     display: inline-block;
-    width: 20%;
+    /* height: 4em; */
+
+    padding: 1em;
+    box-sizing: border-box;
+    margin: 1em;
+    width: 25%;
+    /* height: 10em; */
+    flex: 1 auto;
+    float: center;
     height: 100%;
+    border: 1px solid #cdcdcd;
+    border-radius: 5px;
+
+    overflow: hidden;
+    text-decoration: none;
+    color: inherit;
+
+    background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%);
+    background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 100%);
+    background: linear-gradient(to bottom, #f2f2f2 0%,#ffffff 100%);
 }
 
 .social_bar .instagram_image img {