Adjust layout materia

templates/sessao/materia_ordemdia.html

@@ -2,23 +2,29 @@
 {% load i18n %}
 
 {% block detail_content %}
-	<div>
+<div>
 	{{ error_message }}
-	</div>
-	<form method="POST">
+</div>
+
+<form method="POST">
 	{% csrf_token %}
-	  Data da Sessão: {{data_sessao}}</br>
+		 
+	<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+		<li>Data da Sessão: <input type="text" value="{{data_sessao}}" disabled /></li>
 		<input type="hidden" id="data_sessao" name="data_sessao" length="10" maxlength="10" value="{{data_sessao}}" />
-	  Tipo da Sessão:
-	  <select id="tipo_sessao" name="tipo_sessao" >
+		<li>
+			Tipo da Sessão: <select id="tipo_sessao" name="tipo_sessao" >
 			<option value=""></option>
 			{% for tipo in tipo_sessao %}
 				<option value="{{tipo.id}}">{{tipo.nome}}</option>
 			{% endfor %}	  	
 			</select>
-	  Número Ordem:
-	  <input type="text" id="numero_ordem" name="numero_ordem"/>
-	  </br>
+		</li>
+		<li> Número Ordem: <input type="text" id="numero_ordem" name="numero_ordem"/> </li>
+	</ul>
+
+	<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+		<li>
 			Tipo Matéria: 
 			<select id="tipo_materia" name="tipo_materia">
 				<option value=""></option>	  	
@@ -26,11 +32,13 @@
 					<option value="{{tipo.id}}">{{tipo.descricao}}</option>
 				{% endfor %}
 			</select>
-	  Número Matéria:
-	  <input type="text" id="numero_materia" name="numero_materia"/>
-	  Ano Matéria:
-	  <input type="text" id="ano_materia" name="ano_materia" value="{{ano_materia}}" />
+		</li>
+		<li>Número Matéria: <input type="text" id="numero_materia" name="numero_materia"/></li>
+		<li>Ano Matéria: <input type="text" id="ano_materia" name="ano_materia" value="{{ano_materia}}" /></li>
+	</ul>
 
+	<ul class="small-block-grid-1 medium-block-grid-1 large-block-grid-1">
+		<li>
 			Tipo Votação:
 			<select id="tipo_votacao" name="tipo_votacao">
 				<option value=""></option>	  	
@@ -38,9 +46,14 @@
 					<option value="{{id}}">{{descricao}}</option>
 				{% endfor %}  	
 			</select>
-	</br>
-	  Ementa:
-	  <textarea id="observacao" name="observacao" cols="10" rows="10"></textarea>
+		</li>
+	</ul>
+	
+	<ul class="small-block-grid-1 medium-block-grid-1 large-block-grid-1">
+		<li> Ementa: <textarea id="observacao" name="observacao" cols="10" rows="10"></textarea> </li>
+	</ul>
+
 	<input type="submit" value="Salvar" />
-	</form>
+
+</form>
 {% endblock detail_content %}