Caixas na home com a mesma altura

sigiStatic/css/base_site.css

@@ -253,3 +253,44 @@ div#footer a {
 .actions {
     padding: 0 0 10px 16px;
 }
+
+
+/* ROW FLEX (baseado em http://www.bootply.com/126437)
+   Para fazer celulas com a mesma altura em uma linha da grid */
+
+.row-flex, .row-flex > div[class*='col-'] {
+    display: -webkit-box;
+    display: -moz-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+    flex:1 1 auto;
+}
+
+.row-flex-wrap {
+    -webkit-flex-flow: row wrap;
+    align-content: flex-start;
+    flex:0;
+}
+
+.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
+     margin:-.2px; /* hack adjust for wrapping */
+}
+
+.container-flex > div[class*='col-'] div,.row-flex > div[class*='col-'] div {
+    width:100%;
+}
+
+.flex-col {
+    display: flex;
+    display: -webkit-flex;
+    flex: 1 100%;
+    flex-flow: column nowrap;
+}
+
+.flex-grow {
+    display: flex;
+    -webkit-flex: 2;
+    flex: 2;
+}
+

templates/snippets/modules/charts-convenios.html

@@ -1,9 +1,9 @@
 {% load static from staticfiles %}
 
-<div class="row">
+<div class="row row-flex row-flex-wrap">
 
   <div class="col-md-4">
-    <div class="panel panel-primary">
+    <div class="panel panel-primary flex-col">
       <div class="panel-heading">Resumo de informações</div>
       <table class="table table-condensed">
           <tr>
@@ -35,7 +35,7 @@
   </div>
 
   <div class="col-md-4">
-    <div class="panel panel-primary">
+    <div class="panel panel-primary flex-col">
       <div class="panel-heading">Convênios</div>
       <div class="panel-body">
         <h3>Convênios assinados por projeto</h3>
@@ -47,7 +47,7 @@
   </div>
 
   <div class="col-md-4">
-    <div class="panel panel-primary">
+    <div class="panel panel-primary flex-col">
       <div class="panel-heading">Serviços</div>
 
       <div class="panel-body">
@@ -79,9 +79,9 @@
   </div>
 </div>
 
-<div class="row">
+<div class="row row-flex row-flex-wrap">
   <div class="col-md-4">
-    <div class="panel panel-primary">
+    <div class="panel panel-primary flex-col">
       <div class="panel-heading">Resumo de informações</div>
       <div class="panel-body">
         <h3>Resumo de informações por região</h3>
@@ -101,7 +101,7 @@
   </div>
 
   <div class="col-md-4">
-    <div class="panel panel-primary">
+    <div class="panel panel-primary flex-col">
       <div class="panel-heading">Convênios</div>
       <div class="panel-body">
         <h3>Processos de convênios por projeto</h3>
@@ -112,7 +112,7 @@
     </div>
   </div>
   <div class="col-md-4">
-    <div class="panel panel-primary">
+    <div class="panel panel-primary flex-col">
       <div class="panel-heading">Atendimentos</div>
       <div class="panel-body">
         <h3>Mapa de atuação do Interlegis</h3>