Atualiza layout de visualização

sapl/templates/sessao/pauta_sessao_situacao_materia.html

@@ -3,39 +3,69 @@
 {% load crispy_forms_tags %}
 
 {% block base_content %}
-    <fieldset>
-        <legend>Atualização da Situação da Matéria em Pauta</legend>
-        <table class="table table-striped">
-            <tr>
-                {% if tipo == expediente %}
-                    <td><b>Matéria do Expediente</b></td>
-                {% else %}
-                    <td><b>Matéria da Ordem Dia</b></td>
-                {% endif %}
-                <td><a href="{% url 'sapl.materia:materialegislativa_detail' materia_id %}">{{ titulo }}</a></td>
-            </tr>
-            <tr>
-                <td><b>Autor{{ autores|length|pluralize:"es" }}</b></td>
-                <td>{{ autores|join:', ' }}</td>
-            </tr>
-            <tr>
-                <td><b>Ementa</b></td>
-                <td>{{ ementa }}</td>
-            </tr>
-            <tr>
-                <td><b>Atual Situação</b></td>
-                <td><a href="{% url 'sapl.materia:tramitacao_detail' tramitacao_id %}">{{ status }}</a></td>
-            </tr>
-            <tr>
-                <td><b>Nova Situação</b></td>
-                <td><a href="{% url 'sapl.materia:tramitacao_detail' nova_tramitacao_id %}">{{ novo_status }}</a></td>
-            </tr>
-        </table>
-    </fieldset>
-    <div><em>Ao apertar em 'Atualizar', não será possível reverter a alteração posteriormente.</em></div>
+    <h1 class="page-header">Atualização da Situação da Matéria em Pauta</h1>
     <div class="actions btn-group btn-group-sm" role="group">
         <a href="{% url 'sapl.sessao:pauta_sessao_detail' sessao_id %}" class="btn btn-outline-primary">Voltar</a>
     </div>
+    <h2 class="legend">Identificações Básicas</h2>
+    <div class="row">
+        <div class="col">
+            <p class="control-label">{% if tipo == expediente %} Matéria do Expediente {% else %} Matéria da Ordem Dia {% endif %}</p>
+        </div>
+        <div class="col">
+            <p class="control-label">Autor{{ autores|length|pluralize:"es" }}</p>
+        </div>
+    </div>
+    <div class="row">
+        <div class="col">
+            <div class="form-control-static">
+                <a href="{% url 'sapl.materia:materialegislativa_detail' materia_id %}">{{ titulo }}</a>
+            </div>
+        </div>
+        <div class="col">
+            <div class="form-control-static">
+                {{ autores|join:', ' }}
+            </div>
+        </div>
+    </div>
+    <br>
+    <h2 class="legend">Dado Textual</h2>
+    <div class="row">
+        <div class="col">
+            <p class="control-label">Ementa</p>
+        </div>
+    </div>
+    <div class="row">
+        <div class="col">
+            <div class="form-control-static">
+                {{ ementa }}
+            </div>
+        </div>
+    </div>
+    <br>
+    <h2 class="legend">Situações</h2>
+    <div class="row">
+        <div class="col">
+            <p class="control-label">Atual Situação</p>
+        </div>
+        <div class="col">
+            <p class="control-label">Nova Situação</p>
+        </div>
+    </div>
+    <div class="row">
+        <div class="col">
+            <div class="form-control-static">
+                <a href="{% url 'sapl.materia:tramitacao_detail' tramitacao_id %}">{{ status }}</a>
+            </div>
+        </div>
+        <div class="col">
+            <div class="form-control-static">
+                <a href="{% url 'sapl.materia:tramitacao_detail' nova_tramitacao_id %}">{{ novo_status }}</a>
+            </div>
+        </div>
+    </div>
+    <br>
+    <div><em>Ao apertar em 'Atualizar', não será possível reverter a alteração posteriormente.</em></div>
     <div class="actions btn-group btn-group-sm" role="group">
         <a href="{% url 'sapl.sessao:atualiza_status_materia' sessao_id tipo materia_id %}" class="btn btn-outline-primary">Atualizar</a>
     </div>