¿Cómo juntar dos flechas hacia el número?

Tengo un sistema que las personas pueden votar arriba / abajo. Tengo dos flechas, y entre las flechas hay un número. Al igual que Stack OVerflow y Reddit. El único problema es que mis flechas están muy separadas del número. Intenté rellenar / altura / todo lo que pude pensar, pero ninguno de ellos funciona. Todos están en una mesa, así que si estropeo todo el tamaño de la mesa se ensucia. Aquí está mi código completo.

 {% if posts %} {% for post in posts %} 

Tengo más celdas a continuación.

este es mi css

 .table #cell .vert-align a .glyphicon{ font-size: 1em; display:inline-block; padding: 0em; } h4{ font-size: 15px; } 

Además, si alguien puede decirme qué pasa con mi archivo js, ​​lo agradecería. Estoy tratando de hacer que cuando el usuario haga clic en la flecha, la flecha cambie el color y se mantenga cambiada hasta que haga clic en esa flecha o en la otra flecha. lo siento si no tiene sentido, estoy tratando de hacerlo (como stack-overflow y reddit) en este momento, cuando hago clic en la flecha, cambia el color, pero tan pronto como hago clic en otra cosa, como un espacio vacío en mi web el color se cambia.

 function vote(node) { var thread_id = node.attr("href").split('\/')[2]; $.ajax({ url: node.attr("href"), dataType: "json", success: function(data) { $("#vote_count_"+thread_id).html(data.count); }, error: function(data) { alert(data.responseJSON.error_message); } }); } $("a.vote").on("click", function() { vote($(this)); return false; }); 

Use posicionamiento relativo en la hoja de estilos para colocar las flechas

 position: relative; left: -5px; 


{{ post.get_vote_count }}