ISSUE SUMMARY: I am not the best with CSS and am having a lot of trouble figuring this one out. I use jCommetns on my site and on socialize 4.0 the display of jComments has been totally messed up in article view. It looks fine on my other modules like classified ads.

The Emoticon Smilies are lined straight down and the jComments form bar is very narrow on the article view.
in my classified ads viewer the Emoticon smileies line up correctly and the form bar that the user types in is wider.


STEPS TO REPLICATE:

Display an article on my site such as...

derbycity.us/articles/26-restaurant-and-...s-bistro-on-oak.html

Scroll down to the comments section and you will see how the format is messed up. If you go to a classified advertisement it format's correctly.

derbycity.us/classifieds/98-hats/5-kat-s-hats-derby-hats.html

RESULT: Bad format of jcomments form
EXPECTED RESULT: Format the same as the classified ads. Can we make a zone where Socialize won't mess with this.
BROWSER: Mac OS 10.10.20 / Safari and Firefox lastest mac build.

Done :)

please check it. I put this CSS at [joomla root]/templates/socialize/css/custom.css the bottom of page

/* Jcomments */
.item-page #comments-form .smiles img {
  display: inline;
}

.item-page #jc {
  background-color: #fff;
  clear: both;
  padding: 20px;
}