Icones feito em CSS em local errado.

Detalhes da questão

Endereço do fórum: http://forum.brasilfungames.com
Versão do fórum: PunBB

Descrição

Olá, eu coloquei alguns ícones sobre efeito do CSS com a font awesome, porém eles ficaram em um local indevido.

https://i.imgur.com/OZGARJm.png

Código CSS utilizado.

Código:


.topic-ball i.fa {  font-size: 19px;  background: #232323;  display: block;  width: 40px;  height: 40px;  line-height: 40px;  text-align: center;  border-radius: 6px 6px;  border: 1px solid #333;  color: #555;  transition: all 0.7s ease-in-out;  float: left;}.topic-ball i.fa:hover {  color: #fff;  cursor: pointer;  border-radius: 50px;  box-shadow: 0px -40px 0px #2b975f inset;}
.topic-ball {
  position: static!important;
  float: left!important;
}
.topic-ball {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99;
}
 
.topic-ball i.fa {
  font-size: 16px;
  width: 35px;
  height: 35px;
  line-height: 36px;
}
 
 
td.tcl {
  padding-left: 55px!important;
  position: relative!important;
}
 
td.tcl span.status {
  position: absolute;
  top: 50%!important;
  transform: translateY(-50%);
  z-index: 77;
}


Olá

O senhor pode informar qual o locar desejado para visualização dos ícones.

Atenciosamente: Ketholy

Olá Ketholy, eu gostaria que ele ficasse ao lado, um pouco mais a esquerda em cima da imagem de "não há novas mensagens".

Spoiler:

Olá,

Adicione ao final de sua CSS:

Código:

.main .main-content .statused .tcl {
  padding-left: 20px !important;
}

.main .main-content .statused .tcl .status {
  display: none;
}


.main .main-content .statused .tcl .forumtitle {
  margin-left: 46px;
}

.topic-ball {
  margin-right: 10px;
}

o/

Obrigado, resultou.