diff --git a/app/static/estilo.css b/app/static/estilo.css index e858973..8d705ec 100644 --- a/app/static/estilo.css +++ b/app/static/estilo.css @@ -271,6 +271,31 @@ a.botao:hover { border-color: var(--cor-acento); color: var(--cor-acento); } .botao-toggle-log:hover { border-color: var(--cor-acento); color: var(--cor-acento); } .secao-log-conteudo { padding-top: 4px; } +.table-clientes { table-layout: fixed; } + +.table-clientes th.col-codigo, .table-clientes td.col-codigo, +.table-clientes th.col-cnpj, .table-clientes td.col-cnpj, +.table-clientes th.col-status, .table-clientes td.col-status { + text-align: center; +} +.table-clientes th.col-acoes, .table-clientes td.col-acoes { text-align: right; } + +.table-clientes td.col-codigo, .table-clientes td.col-cnpj { + font-variant-numeric: tabular-nums; +} +.table-clientes td.col-cnpj { white-space: nowrap; } + +.table-clientes col.col-codigo { width: 90px; } +.table-clientes col.col-razao, .table-clientes col.col-fantasia { width: 27%; } +.table-clientes col.col-cnpj { width: 160px; } +.table-clientes col.col-status { width: 70px; } +.table-clientes col.col-acoes { width: 230px; } + +.table-clientes th, .table-clientes td { padding: 7px 14px; } + +.botao.botao-tabela { margin-top: 0; padding: 7px 12px; font-size: 0.875rem; vertical-align: middle; } +.table-clientes td.col-acoes { white-space: nowrap; } + @media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; } } diff --git a/app/templates/clientes_lista.html b/app/templates/clientes_lista.html index 9e76ab9..03ef5ae 100644 --- a/app/templates/clientes_lista.html +++ b/app/templates/clientes_lista.html @@ -26,27 +26,35 @@ {% set busca_qs = ('&busca=' + (busca | urlencode)) if busca else '' %} {% set qs_base = ('&ordenar_por=' + ordenar_por + '&direcao=' + direcao + '&por_pagina=' + (por_pagina | string) + '&status=' + status + busca_qs) | safe %}
| + | {{ rotulo }}{% if ordenar_por == campo %}{{ " ▲" if direcao == "asc" else " ▼" }}{% endif %} | {% endfor %} -Status | -+ | Status | +|||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| {{ c.CODIGO }} | -{{ c.RAZAO }} | -{{ c.FANTASIA }} | -{{ c.CNPJ }} | -+ | {{ c.CODIGO }} | +{{ c.RAZAO }} | +{{ c.FANTASIA }} | +{{ c.CNPJ }} | +- | - Abrir - + | + Abrir + |