HOT-FIX: ajusta layout comprovante de protocolo

sapl/templates/protocoloadm/comprovante.html

@@ -14,18 +14,29 @@
 		th, td {
 			padding: 5px;
 		}
+		.row {
+			display:flex;
+			justify-content: space-between;
+			align-items: center;
+		}
+		.col-2 {
+			flex-grow: 2;
+		}
 		@media print {
-    		.hide-print {
+			table {
-        		display :  none;
+				width: 100%;
-    		}
+			}
+			.hide-print {
+					display :  none;
+			}
 			.downsize {
 				font-size: 12px;
 			}
 		}
-    	@page {
+		@page {
-        	size:  auto;   /* auto is the initial value */
+				size:  auto;   /* auto is the initial value */
-        	margin: 0mm;  /* this affects the margin in the printer settings */
+				margin: 0.7cm;  /* this affects the margin in the printer settings */
-    	}
+		}
 	</style>
 
 	<div align="center">
@@ -33,33 +44,39 @@
 		<input type="submit" value="Fechar" onclick="window.close();" class="btn btn-success hide-print"/>
 	</div>
 	<table>
-		<tr><td colspan="2" align="center">
+		<tr>
-				<img height="90" width="90"
+			<td colspan="2" align="center">
-				     src="{% if logotipo %}{{ MEDIA_URL }}{{ logotipo }}{% else %}{% webpack_static 'img/logo.png' %}{% endif %}"
+				<div class="row">
-						 alt="Logotipo"
+					<div class="col-1">
-						 class="img-responsive visible-lg-inline-block vcenter">
+						<img height="90" width="90"
-				<div>
+								src="{% if logotipo %}{{ MEDIA_URL }}{{ logotipo }}{% else %}{% webpack_static 'img/logo.png' %}{% endif %}"
-					{% if nome %}
+								alt="Logotipo"
-						<b>{{ nome }} - {{ municipio }} - {{ uf }}</b>
+								class="img-responsive visible-lg-inline-block vcenter">
-					{% else %}
+					</div>
-						<b>{% trans 'Sem Nome Cadastrado' %}</b>
+					<div class="col-2">
-					{% endif %}
+						{% if nome %}
-					<br />
+							<b>{{ nome }} - {{ municipio }} - {{ uf }}</b>
-					{% trans 'Sistema de Apoio ao Processo Legislativo' %}
+						{% else %}
+							<b>{% trans 'Sem Nome Cadastrado' %}</b>
+						{% endif %}
+						<br />
+						{% trans 'Sistema de Apoio ao Processo Legislativo' %}
+					</div>
+					<div class="col-3">
+						<center>
+							<img src="{{barcode}}" height="50px" width="170px">
+							<br>
+							{{ protocolo.numero|stringformat:'06d' }}
+						</center>
+					</div>
 				</div>
+
 			</td>
 		</tr>
-		<tr> <td colspan="2" align="center"><b>COMPROVANTE DE PROTOCOLO</b></td> </tr>
+		<tr> <td colspan="2" align="center"><b>COMPROVANTE DE PROTOCOLO</b> - Autenticação: {{ autenticacao }}</td></tr>
 
 		<tr>
-			<td>
+			
-				<center>
-					<img src="{{barcode}}" height="50px" width="170px">
-					<br>
-					{{ protocolo.numero|stringformat:'06d' }}
-				</center>
-			</td>
-			<td align="center">Autenticação: {{ autenticacao }}</td>
 		</tr>
 
 		<tr>