Adjust layout materia

templates/sessao/materia_ordemdia.html

@@ -2,45 +2,58 @@
 {% load i18n %}
 
 {% block detail_content %}
-	<div>
-		{{ error_message }}
-	</div>
-	<form method="POST">
-	  {% csrf_token %}	  	  
-	  Data da Sessão: {{data_sessao}}</br>
-	  <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" >
-	  	    <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>
-	  Tipo Matéria:
-	  <select id="tipo_materia" name="tipo_materia">
-	  	    <option value=""></option>	  	
-	  	{% for tipo in tipo_materia %}
-	  		<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}}" />
+<div>
+	{{ error_message }}
+</div>
 
-	  Tipo Votação:
-	  <select id="tipo_votacao" name="tipo_votacao">
-	  	    <option value=""></option>	  	
-	  	 {% for id, descricao in tipo_votacao %}
-	  		<option value="{{id}}">{{descricao}}</option>
-	  	 {% endfor %}  	
-	  </select>
-	</br>
-	  Ementa:
-	  <textarea id="observacao" name="observacao" cols="10" rows="10"></textarea>
- 	  <input type="submit" value="Salvar" />
-	</form>
+<form method="POST">
+	{% csrf_token %}
+		 
+	<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}}" />
+		<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>
+		</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>	  	
+				{% for tipo in tipo_materia %}
+					<option value="{{tipo.id}}">{{tipo.descricao}}</option>
+				{% endfor %}
+			</select>
+		</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>	  	
+				{% for id, descricao in tipo_votacao %}
+					<option value="{{id}}">{{descricao}}</option>
+				{% endfor %}  	
+			</select>
+		</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>
 {% endblock detail_content %}