HOT-FIX: ajusta layout comprovante de protocolo

sapl/templates/protocoloadm/comprovante.html

@@ -14,7 +14,18 @@
 		th, td {
 			padding: 5px;
 		}
+		.row {
+			display:flex;
+			justify-content: space-between;
+			align-items: center;
+		}
+		.col-2 {
+			flex-grow: 2;
+		}
 		@media print {
+			table {
+				width: 100%;
+			}
 			.hide-print {
 					display :  none;
 			}
@@ -24,7 +35,7 @@
 		}
 		@page {
 				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>
 
@@ -33,12 +44,16 @@
 		<input type="submit" value="Fechar" onclick="window.close();" class="btn btn-success hide-print"/>
 	</div>
 	<table>
-		<tr><td colspan="2" align="center">
+		<tr>
+			<td colspan="2" align="center">
+				<div class="row">
+					<div class="col-1">
 						<img height="90" width="90"
 								src="{% if logotipo %}{{ MEDIA_URL }}{{ logotipo }}{% else %}{% webpack_static 'img/logo.png' %}{% endif %}"
 								alt="Logotipo"
 								class="img-responsive visible-lg-inline-block vcenter">
-				<div>
+					</div>
+					<div class="col-2">
 						{% if nome %}
 							<b>{{ nome }} - {{ municipio }} - {{ uf }}</b>
 						{% else %}
@@ -47,19 +62,21 @@
 						<br />
 						{% trans 'Sistema de Apoio ao Processo Legislativo' %}
 					</div>
-			</td>
+					<div class="col-3">
-		</tr>
-		<tr> <td colspan="2" align="center"><b>COMPROVANTE DE PROTOCOLO</b></td> </tr>
-
-		<tr>
-			<td>
 						<center>
 							<img src="{{barcode}}" height="50px" width="170px">
 							<br>
 							{{ protocolo.numero|stringformat:'06d' }}
 						</center>
+					</div>
+				</div>
+
 			</td>
-			<td align="center">Autenticação: {{ autenticacao }}</td>
+		</tr>
+		<tr> <td colspan="2" align="center"><b>COMPROVANTE DE PROTOCOLO</b> - Autenticação: {{ autenticacao }}</td></tr>
+
+		<tr>
+			
 		</tr>
 
 		<tr>