From a462bd93343b790fd94119d2e3dd008012cd5738 Mon Sep 17 00:00:00 2001
From: Marcio Mazza <marciomazza@gmail.com>
Date: Wed, 1 Oct 2014 19:43:56 -0300
Subject: [PATCH] Refatorados atributos style na home

---
 templates/index.html                          | 22 +++++++++++++++
 .../snippets/modules/charts-convenios.html    | 28 +++++++++----------
 2 files changed, 36 insertions(+), 14 deletions(-)

diff --git a/templates/index.html b/templates/index.html
index ddcca82..879ca93 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -166,6 +166,28 @@
     {#        });#}
     {#    </script>#}
     {# end highcharts scripts #}
+
+    <style type="text/css">
+
+      .numeros td,
+      .numeros th {
+        text-align: right;
+      }
+      .numeros tr :first-child {
+        text-align: left;
+      }
+      .servicos tr :first-child {
+        width: 40%;
+      }
+      #dashboard-mapa a img {
+        width: 80%;
+      }
+      .panel-footer dl {
+        margin-bottom: 5px;
+      }
+
+    </style>
+
 {% endblock %}
 
 {% block content_title %}<h1>Dashboard</h1>{% endblock %}
diff --git a/templates/snippets/modules/charts-convenios.html b/templates/snippets/modules/charts-convenios.html
index bc4e9d8..0cfc935 100644
--- a/templates/snippets/modules/charts-convenios.html
+++ b/templates/snippets/modules/charts-convenios.html
@@ -5,7 +5,7 @@
   <div class="col-md-4">
     <div class="panel panel-primary flex-col">
       <div class="panel-heading">Resumo de informações</div>
-      <table class="table table-condensed">
+      <table class="table table-condensed numeros">
           <tr>
               {% for item in tabela_resumo_camara.cabecalho_topo %}
                   <th>{{item}}</th>
@@ -58,19 +58,19 @@
       </div>
 
 
-      <table class="table table-condensed">
+      <table class="table table-condensed numeros servicos">
         {% for servico in tabela_resumo_seit %}
             <tr>
                 {% if forloop.first %}
-                    <th style="width: 40%; vertical-align:bottom;">{{ servico.nome }}</th>
-                    <th style="width: 20%; vertical-align:bottom; text-align: right;">{{ servico.total }}</th>
-                    <th style="width: 20%; vertical-align:bottom; text-align: right;">{{ servico.novos_mes_anterior }}</th>
-                    <th style="width: 20%; vertical-align:bottom; text-align: right;">{{ servico.novos_mes_atual }}</th>
+                    <th>{{ servico.nome }}</th>
+                    <th>{{ servico.total }}</th>
+                    <th>{{ servico.novos_mes_anterior }}</th>
+                    <th>{{ servico.novos_mes_atual }}</th>
                 {% else %}
-                    <th style="width: 40%;">{{ servico.nome }}</th>
-                    <td style="text-align: right;">{{ servico.total }}</td>
-                    <td style="text-align: right;">{{ servico.novos_mes_anterior }}</td>
-                    <td style="text-align: right;">{{ servico.novos_mes_atual }}</td>
+                    <th>{{ servico.nome }}</th>
+                    <td>{{ servico.total }}</td>
+                    <td>{{ servico.novos_mes_anterior }}</td>
+                    <td>{{ servico.novos_mes_atual }}</td>
                 {% endif %}
             </tr>
         {% endfor %}
@@ -85,7 +85,7 @@
       <div class="panel-heading">Resumo de informações</div>
       <div class="panel-body">
         <h3>Resumo de informações por região</h3>
-        <p style="text-align: justify">
+        <p>
             Resumo de informações de Câmaras Municipais por região levando em conta
             apenas o Projeto Interlegis. Demais projetos como PPM e PML não estão inclusos.
         </p>
@@ -105,7 +105,7 @@
       <div class="panel-heading">Convênios</div>
       <div class="panel-body">
         <h3>Processos de convênios por projeto</h3>
-        <div id="canvas-holder-2" style="margin-top: 55px">
+        <div id="canvas-holder-2">
             <canvas id="chart-area-2" width="150" height="150" />
         </div>
       </div>
@@ -116,8 +116,8 @@
       <div class="panel-heading">Atendimentos</div>
       <div class="panel-body">
         <h3>Mapa de atuação do Interlegis</h3>
-        <div class="align-center">
-            <a href="/dashboard/mapa/"> <img src="{% static 'img/mapicon-large.png' %}"  style="width: 60%;"/> </a>
+        <div id="dashboard-mapa" class="align-center">
+            <a href="/dashboard/mapa/"> <img src="{% static 'img/mapicon-large.png' %}"/> </a>
         </div>
       </div>
     </div>