social icons

itf/static/css/noel/inner.css

@@ -419,9 +419,29 @@ bottom:4px;
 right:4px;
 clear:both;}
 
+.iconS {
+	float:left;
+	padding:0 1px;
+}
+
+.fb_edge_widget_with_comment {
+	width:48px;
+}
+
+#twitterBtn img {
+	background:#5cb8cf;
+	padding-bottom:1px;
+	-moz-border-radius:4px;
+	-webkit-border-radius:4px;
+	border-radius:4px;
+}
+
+#permalinkBtn {
+	margin-top:4px;
+}
+
 .iconImages
-{float:left;
-margin-right:4px;
+{margin-right:4px;
 cursor:pointer;}
 
 .fb_iframe_widget

itf/templates/noel/render_object.html

@@ -188,9 +188,10 @@
          
         	<div class="socialIcons">
                 
-                    <a href="" target="_blank" id="twitterBtn" title="Tweet this!"><img src="/static/images/noel/tweet.png" width="18" height="18" alt="twitter" class="iconImages"> </a>
+                    <a href="" target="_blank" id="twitterBtn" title="Tweet this!" class="iconS"><img src="/static/images/noel/tweet.png" width="18" height="18" alt="twitter" class="iconImages"> </a>
                     <!--<a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="http://twitter.com/#!/indtheatreforum">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>-->     	
-<div class="g-plusone" data-size="small" data-annotation="none"></div>
+
+<div class="g-plusone iconS" data-size="small" data-annotation="none"></div>
 
 <!-- Place this render call where appropriate -->
 <script type="text/javascript">
@@ -201,12 +202,15 @@
   })();
 </script>
          
-<div id="fb_like" class="fb-like" data-href="{{ item.get_absolute_url }}" data-send="false" data-width="90" data-show-faces="false" data-layout="button_count"></div>
+
+<div id="fb_like" class="fb-like iconS" data-href="{{ item.get_absolute_url }}" data-send="false" data-width="90" data-show-faces="false" data-layout="button_count"></div>
                    <!-- <img src="/static/images/noel/facebook.png" width="18" height="18" alt="facebook" class="iconImages"> -->  
    <!-- <iframe src="http://www.facebook.com/plugins/like.php?href=www.theatreforum.in&amp;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>-->
                 
-                    <a href="" id="permalinkBtn" title="Permalink"><img src="/static/images/noel/download.jpg" width="18" height="18" alt="permalink" title="Permalink" class="iconImages"></a>
+
+                    <a href="" id="permalinkBtn" title="Permalink" class="iconS"><img src="/static/images/noel/download.jpg" width="18" height="18" alt="permalink" title="Permalink" class="iconImages"></a>
           	</div>
+            <div style="clear:both;"></div>
     	</div>
         
     <div id="bottomRight">