Küçük bir CSS konumlandırma sorunu

arkadaşlar aşağıdaki gibi sosyal ağ paylaşım sayılarını sidebar bileşeninde başlık altında çıkarttım, fakat css bilgim çok iyi olmadığı için konumlandırmayı yapamadım.

Daha küçük ve gri renkte logo, daha küçük boyutta text ve başlık ile arasında biraz daha mesafe olan bir hale getirebilmek için yardımcı olabilir misiniz?

<div class="blog-widget-text left relative">
	<?php if($showcat) { ?>
		<span class="side-list-cat"><?php $category = get_the_category(); echo esc_html( $category[0]->cat_name ); ?></span>
			<?php } ?>
			<h2><?php the_title(); ?><br /></h2>
		        <p><?php echo wp_trim_words( get_the_excerpt(), 14, '...' ); ?></p>
</div><!--blog-widget-text-->
	</a>
		<i class="fa fa-facebook"></i><?php echo ds_post_like_count( $post_id ); ?>	<i class="fa fa-twitter"></i><?php echo ds_post_tweet_count( $post_id ); ?>
</li>

.blog-widget-text {
margin-bottom:10px;
}
.paylas {
font-size:12px
 }

paylaş linklerini bir div içerisine al.

<div class="paylas"><i class="fa fa-facebook"></i><?php echo ds_post_like_count( $post_id ); ?>	<i class="fa fa-twitter"></i><?php echo ds_post_tweet_count( $post_id ); ?>
</div>

Edit: Düzeldi.
Teşekkürler Aykut.