Como otimizar o espaço usado pelas tags na coluna direita dos sites StackExchange?

Em esta meta questão sobre a aparência do site da UI do StackExchange , estou trabalhando (leia-se: brincando com) um design para o site. Estou usando uma ferramenta baseada na Web para editar o CSS da página, o que me dá muita liberdade para mudar as coisas, limitando-me ao HTML disponível renderizado pelo servidor.

Ao mudar e reorganizar as coisas (principalmente elementos como tipografia e peso visual), percebi que a coluna da direita, como mostrado em quase todos os sites da StackExchange, é bastante ineficiente. Veja como fica no meta site:

Tags (e abaixo, emblemas) são pequenos objetos com maior comprimento horizontalmente do que verticalmente. Cada um tem vários atributos:

• Nome do objeto
• Número de vezes que a etiqueta foi concedida ou membro ao qual o crachá foi atribuído
• Um elemento visual para reforçar a noção do objeto
• Uma largura horizontal distinta, dependendo do comprimento do nome

A maneira como as coisas são organizadas agora parece muito ineficiente:

• Cada etiqueta/emblema ocupa uma linha de espaço, apesar de não precisar de toda a largura horizontal.
• A representação visual da tag e do emblema nesta página parece inadequada. Embora as tags e os emblemas sejam projetados para serem exibidos por eles mesmos, por exemplo, uma tag em uma pergunta ou um crachá no perfil de um membro, nesses casos eles são acompanhados por metadados: o número de vezes que a tag foi aplicada ou o membro o crachá é concedido a. Mas a representação visual ainda assume uma aplicação genérica.
• Na maioria dos sites StackExchange, esses elementos têm bordas fortes, o que cria muito espaço negativo embaraçoso entre cada elemento, conforme fica em uma linha.

Em meu redesenho Tomei o cuidado de reduzir a força das tags (ainda não resolvi os emblemas) para reduzir o ruído visual, mas não encontrei uma boa maneira de representar as tags em combinação com o número de vezes aplicado ainda. Eu tive algumas idéias, mas nenhuma delas parece certa:

• Renderize-os em uma nuvem de tags. Isso usaria mais espaço horizontal e menos vertical. No entanto, as nuvens de tags são na maioria digitalizáveis ​​e não legíveis. Não tenho certeza se isso é um problema.
• Considere uma nova representação visual para a combinação de tag com o número de aplicativos. Talvez, incluindo o número na tag: <discussão] x14 se tornasse <discussão | 14]. Ou aumentando a altura do elemento da tag e colocando o "14" abaixo do nome. Isso ocuparia mais espaço vertical no geral, mas permitiria várias tags em cada linha.
• Remova a referência a um número específico de aplicativos e use uma metáfora visual para indicar o número de vezes aplicado. Talvez usando uma paleta de termômetros: as tags "quentes" possam ser mais vermelhas e as frias mais azuis. Isso não seria imediatamente aparente para os novos usuários.
• Remova a referência a um número específico de aplicativos e, em vez disso, use a largura para indicar a temperatura. Quanto maior a tag (na coluna da direita), mais popular ela é. Como acima, no entanto, isso seria um pouco confuso inicialmente.

Período de perguntas: Qual seria uma maneira eficaz de redesenhar a maneira como as tags e os emblemas são exibidos na coluna da direita, já que eu só posso modificar o CSS e não posso adulterar o HTML?