From c51dc8f9e7f7bbfe34328d4e87d878b5e96293e7 Mon Sep 17 00:00:00 2001
From: Leandro Roberto <leandroroberto.br@gmail.com>
Date: Tue, 10 Mar 2020 14:41:39 -0300
Subject: [PATCH] HOT-FIX: ajusta layout comprovante de protocolo

---
 sapl/templates/protocoloadm/comprovante.html | 75 ++++++++++++--------
 1 file changed, 46 insertions(+), 29 deletions(-)

diff --git a/sapl/templates/protocoloadm/comprovante.html b/sapl/templates/protocoloadm/comprovante.html
index 3289e2632..a6bcef79f 100644
--- a/sapl/templates/protocoloadm/comprovante.html
+++ b/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 {
-        		display :  none;
-    		}
+			table {
+				width: 100%;
+			}
+			.hide-print {
+					display :  none;
+			}
 			.downsize {
 				font-size: 12px;
 			}
 		}
-    	@page {
-        	size:  auto;   /* auto is the initial value */
-        	margin: 0mm;  /* this affects the margin in the printer settings */
-    	}
+		@page {
+				size:  auto;   /* auto is the initial value */
+				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">
-				<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>
-					{% if nome %}
-						<b>{{ nome }} - {{ municipio }} - {{ uf }}</b>
-					{% else %}
-						<b>{% trans 'Sem Nome Cadastrado' %}</b>
-					{% endif %}
-					<br />
-					{% trans 'Sistema de Apoio ao Processo Legislativo' %}
+		<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 class="col-2">
+						{% if nome %}
+							<b>{{ nome }} - {{ municipio }} - {{ uf }}</b>
+						{% 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>