CSS Buton Sorunu - Çözene gerekirse ücertini yollarım

Selamlar arkadaşlar ufak 2-3 sorunum var. yardımcı olabilirsen varsa ne mutlu bana yoksa ufak miktar ücretini atarım projeyi yollamayamam öncelikle... Şimdi screen atayım

http://prntscr.com/e0gxrg
http://prntscr.com/e0gxvg

Burda butonun ilk halini ve üstüne geldiğinde rengin nasıl değiştiğinş görüyorsunuz ya bu rengi kalksın yada buton tam kaplasnsın


JSF Tarafından böyle tanımlı

  <p:commandButton id="rejecxtbutton" value="Fikri Geri Gönder"
                                                     actionListener="#{detailsBean.rejectIdea}" update="addIdeaForm"
                                                     styleClass="btn btn-success"
                                                     action="ideas.xhtml?faces-redirect=true" ajax="false"

                                                     icon="fa fa-thumbs-o-up" style="float:right; width: 25%;">
                                        <f:param name="id" value="#{detailsBean.idea.id}"/>
  </p:commandButton>

Üzerine sağ click yağınca tamamen kaplıyor.

bootstrap css .btn ile ilgili alanlar
http://pastebin.com/3JU0WJZW

ikinci bir sorunumda meselala chroma ile yada baska bir tarayıcıya geldiğimde site biraz büyük duruyor siteyi yüzde 80 yapınca güzel duruyor bunu nasıl çözerim teşekkürler

site adreisni atda bakıym hocam

Proje localde şirket içinde kullanılan birşey hocam. kodlar vs 1 gb filan anca team bakman lazım

Öncelikle ölçekleme ile ilgili problemin tarayıcıların varsayılan element sitilleri ile alakalı olabilir bunun için reset.css veya daha çok bootsrap ile birlikte kullanılar normalize.css dosyalarını kullanabilirsin büyük ihitmalle sorununu çözecektir.
Asıl sorununa gelince gönderdiğin kodlar içerisindeki ".btn:active,
.btn.active" seçicileri içinde bulunan box-shadow satırlarını silersen sorun düzelecektir.