Symmetric spacing in footer

<meta expr:content='data:post.firstImageUrl'      name='twitter:image1'/>
<meta expr:content='data:post.featuredImage'      name='twitter:image2'/>
<meta expr:content='data:blog.firstImageUrl'      name='twitter:image3'/>
<meta expr:content='data:blog.postImageUrl'       name='twitter:image4'/> GOOD
<meta expr:content='data:blog.featuredImage'      name='twitter:image5'/>
<meta expr:content='data:blog.post.firstImageUrl' name='twitter:image6'/>
<meta expr:content='data:blog.post.featuredImage' name='twitter:image7'/>
<meta expr:content='data:blog.post.firstImageUrl' name='twitter:image8'/>

css/blogger-tweaks/style.less

@@ -146,8 +146,11 @@ body >.viewitem-panel {
    >footer {
       text-align: center;
       border-top: 1px solid silver;
-      padding-top: 30px;
+      padding-top: 35px;
       margin-top: 40px;
+      >i {
+         font-weight: lighter;
+         }
       }
    }