fix: corrigido comportamento da tela de progressao da dinamica, adici…

…onados novos campos de forca para a acpype
LABIOQUIM · Mar 10, 2022 · 827b3aa · 827b3aa
1 parent 8a30a43
commit 827b3aa
Show file tree

Hide file tree

Showing 7 changed files with 216 additions and 171 deletions.
diff --git a/app/blueprints/dynamic/generators/acpype.py b/app/blueprints/dynamic/generators/acpype.py
@@ -195,7 +195,7 @@ def generate(
 
     #comando grompp
     comandos.write('#productionmd\n\n')
-    comando = f"{gmx} grompp md_pr.mdp -c {arquivo_complx_npt}.gro -p {arquivo_complx_top} -o {arquivo_complx_pr}.tpr -maxwarn 2"
+    comando = f"{gmx} grompp -f md_pr.mdp -c {arquivo_complx_npt}.gro -p {arquivo_complx_top} -o {arquivo_complx_pr}.tpr -maxwarn 2"
     comandos.writelines(comando)
     comandos.write('\n\n')
 

diff --git a/app/templates/acpype.html b/app/templates/acpype.html
@@ -25,56 +25,56 @@
       document.location.reload(true)
     }, 10000);
   </script>
-  <h6 class="d-flex flex-wrap justify-content-between">
-    <span class="my-1 badge rounded-pill {{'bg-success' if '#topology' in steplist else 'bg-secondary'}}">{{ _("Definir Topologia") }}</span>
+  <h6 class="d-flex flex-wrap">
+    <span class="m-1 badge rounded-pill {{'bg-success' if '#topology' in steplist else 'bg-secondary'}}">{{ _("Definir Topologia") }}</span>
     <span class="text-sm">
       <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
       <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"/>
       </svg>
     </span>
-    <span class="my-1 badge rounded-pill {{'bg-success' if '#break' in steplist else 'bg-secondary'}}">{{ _("Editando Topologia e Estrutura") }}</span>
+    <span class="m-1 badge rounded-pill {{'bg-success' if '#break' in steplist else 'bg-secondary'}}">{{ _("Editando Topologia e Estrutura") }}</span>
     <span class="text-sm">
       <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
       <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"/>
       </svg>
     </span>
-    <span class="my-1 badge rounded-pill {{'bg-success' if '#solvate' in steplist else 'bg-secondary'}}">{{ _("Definir caixa e solvatar") }}</span>
+    <span class="m-1 badge rounded-pill {{'bg-success' if '#solvate' in steplist else 'bg-secondary'}}">{{ _("Definir caixa e solvatar") }}</span>
     <span class="text-sm">
       <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
       <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"/>
       </svg>
     </span>
-    <span class="my-1 badge rounded-pill {{'bg-success' if '#ions' in steplist else 'bg-secondary'}}">{{ _("Adicionar Ions") }}</span>
+    <span class="m-1 badge rounded-pill {{'bg-success' if '#ions' in steplist else 'bg-secondary'}}">{{ _("Adicionar Ions") }}</span>
     <span class="text-sm">
       <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
       <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"/>
       </svg>
     </span>
-    <span class="my-1 badge rounded-pill {{'bg-success' if '#minimizationsteepdesc' in steplist else 'bg-secondary'}}">{{ _("Minimização Steep Descent") }}</span>
+    <span class="m-1 badge rounded-pill {{'bg-success' if '#minimizationsteepdesc' in steplist else 'bg-secondary'}}">{{ _("Minimização Steep Descent") }}</span>
     <span class="text-sm">
       <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
       <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"/>
       </svg>
     </span>
-    <span class="my-1 badge rounded-pill {{'bg-success' if '#minimizationconjgrad' in steplist else 'bg-secondary'}}">{{ _("Minimização Conjugate Gradient") }}</span>
+    <span class="m-1 badge rounded-pill {{'bg-success' if '#minimizationconjgrad' in steplist else 'bg-secondary'}}">{{ _("Minimização Conjugate Gradient") }}</span>
     <span class="text-sm">
       <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
       <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"/>
       </svg>
     </span>
-    <span class="my-1 badge rounded-pill {{'bg-success' if '#equilibrationnvt' in steplist else 'bg-secondary'}}">{{ _("Restrição NVT") }}</span>
+    <span class="m-1 badge rounded-pill {{'bg-success' if '#equilibrationnvt' in steplist else 'bg-secondary'}}">{{ _("Restrição NVT") }}</span>
     <span class="text-sm">
       <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
       <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"/>
       </svg>
     </span>
-    <span class="my-1 badge rounded-pill {{'bg-success' if '#equilibrationnpt' in steplist else 'bg-secondary'}}">{{ _("Restrição NPT") }}</span>
+    <span class="m-1 badge rounded-pill {{'bg-success' if '#equilibrationnpt' in steplist else 'bg-secondary'}}">{{ _("Restrição NPT") }}</span>
     <span class="text-sm">
       <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
       <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"/>
       </svg>
     </span>
-    <span class="my-1 badge rounded-pill {{'bg-success' if '#productionmd' in steplist else 'bg-secondary'}}">{{ _("Produção MD") }}</span>
+    <span class="m-1 badge rounded-pill {{'bg-success' if '#productionmd' in steplist else 'bg-secondary'}}">{{ _("Produção MD") }}</span>
   </h6>
   {% else %}
   <div class="d-flex flex-column flex-lg-row justify-content-evenly">
@@ -96,8 +96,14 @@ <h6 class="d-flex flex-wrap justify-content-between">
 
       <div class="my-2">
         <div class="form-floating">
-          <select disabled class="form-select" id="campoforca" name="campoforca">
+          <select class="form-select" id="campoforca" name="campoforca">
+            <option value="amber03">AMBER03 protein, nucleic AMBER94</option>
             <option value="amber94" selected>AMBER94 force field</option>
+            <option value="amber96">AMBER96 protein, nucleic AMBER94</option>
+            <option value="amber99">AMBER99 protein, nucleic AMBER94</option>
+            <option value="amber99sb">AMBER99SB protein, nucleic AMBER94</option>
+            <option value="amber99sb-ildn">AMBER99SB-ILDN protein, nucleic AMBER94</option>
+            <option value="ambergs">AMBERGS force field</option>
           </select>
           <label for="campoforca">{{ _("Campo de Força") }}</label>
         </div>

diff --git a/app/templates/apo.html b/app/templates/apo.html
@@ -25,50 +25,50 @@
       document.location.reload(true)
     }, 10000);
   </script>
-  <h6 class="d-flex flex-wrap justify-content-between">
-    <span class="my-1 badge rounded-pill {{'bg-success' if '#topology' in steplist else 'bg-secondary'}}">{{ _("Definir Topologia") }}</span>
+  <h6 class="d-flex flex-wrap">
+    <span class="m-1 badge rounded-pill {{'bg-success' if '#topology' in steplist else 'bg-secondary'}}">{{ _("Definir Topologia") }}</span>
     <span class="text-sm">
       <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
       <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"/>
       </svg>
     </span>
-    <span class="my-1 badge rounded-pill {{'bg-success' if '#solvate' in steplist else 'bg-secondary'}}">{{ _("Definir caixa e solvatar") }}</span>
+    <span class="m-1 badge rounded-pill {{'bg-success' if '#solvate' in steplist else 'bg-secondary'}}">{{ _("Definir caixa e solvatar") }}</span>
     <span class="text-sm">
       <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
       <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"/>
       </svg>
     </span>
-    <span class="my-1 badge rounded-pill {{'bg-success' if '#ions' in steplist else 'bg-secondary'}}">{{ _("Adicionar Ions") }}</span>
+    <span class="m-1 badge rounded-pill {{'bg-success' if '#ions' in steplist else 'bg-secondary'}}">{{ _("Adicionar Ions") }}</span>
     <span class="text-sm">
       <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
       <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"/>
       </svg>
     </span>
-    <span class="my-1 badge rounded-pill {{'bg-success' if '#minimizationsteepdesc' in steplist else 'bg-secondary'}}">{{ _("Minimização Steep Descent") }}</span>
+    <span class="m-1 badge rounded-pill {{'bg-success' if '#minimizationsteepdesc' in steplist else 'bg-secondary'}}">{{ _("Minimização Steep Descent") }}</span>
     <span class="text-sm">
       <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
       <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"/>
       </svg>
     </span>
-    <span class="my-1 badge rounded-pill {{'bg-success' if '#minimizationconjgrad' in steplist else 'bg-secondary'}}">{{ _("Minimização Conjugate Gradient") }}</span>
+    <span class="m-1 badge rounded-pill {{'bg-success' if '#minimizationconjgrad' in steplist else 'bg-secondary'}}">{{ _("Minimização Conjugate Gradient") }}</span>
     <span class="text-sm">
       <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
       <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"/>
       </svg>
     </span>
-    <span class="my-1 badge rounded-pill {{'bg-success' if '#equilibrationnvt' in steplist else 'bg-secondary'}}">{{ _("Restrição NVT") }}</span>
+    <span class="m-1 badge rounded-pill {{'bg-success' if '#equilibrationnvt' in steplist else 'bg-secondary'}}">{{ _("Restrição NVT") }}</span>
     <span class="text-sm">
       <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
       <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"/>
       </svg>
     </span>
-    <span class="my-1 badge rounded-pill {{'bg-success' if '#equilibrationnpt' in steplist else 'bg-secondary'}}">{{ _("Restrição NPT") }}</span>
+    <span class="m-1 badge rounded-pill {{'bg-success' if '#equilibrationnpt' in steplist else 'bg-secondary'}}">{{ _("Restrição NPT") }}</span>
     <span class="text-sm">
       <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
       <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"/>
       </svg>
     </span>
-    <span class="my-1 badge rounded-pill {{'bg-success' if '#productionmd' in steplist else 'bg-secondary'}}">{{ _("Produção MD") }}</span>
+    <span class="m-1 badge rounded-pill {{'bg-success' if '#productionmd' in steplist else 'bg-secondary'}}">{{ _("Produção MD") }}</span>
   </h6>
   {% else %}
   <form class="align-items-start max-md mx-auto" method="POST" action="/apo" onsubmit="return validateProcessing()" enctype="multipart/form-data">

diff --git a/app/templates/base.html b/app/templates/base.html
@@ -29,9 +29,9 @@
               {{ _("Enzima + Ligante") }}
             </a>
             <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
-              <li><a class="dropdown-item {{ actacpype }}" href="{{ url_for('DynamicRoutes.acpype') }}">ACPYPE</a></li>
-              <li><a class="dropdown-item {{ actatb }}" href="{{ url_for('DynamicRoutes.atb') }}">ATB</a></li>
-              <li><a class="dropdown-item {{ actprodrg }}" href="{{ url_for('DynamicRoutes.prodrg') }}">PRODRG</a></li>
+              <li><a class="dropdown-item {{ actprodrg }}" href="{{ url_for('DynamicRoutes.prodrg') }}">{{ _("PRODRG com GROMOS") }}</a></li>
+              <li><a class="dropdown-item {{ actacpype }}" href="{{ url_for('DynamicRoutes.acpype') }}">{{ _("ACPYPE com AMBER") }}</a></li>
+              <li><a class="dropdown-item {{ actatb }}" href="{{ url_for('DynamicRoutes.atb') }}">{{ _("ATB (em desenvolvimento)") }}</a></li>
             </ul>
           </li>
           {% else %}

diff --git a/app/templates/prodrg.html b/app/templates/prodrg.html
@@ -25,56 +25,56 @@
       document.location.reload(true)
     }, 10000);
   </script>
-  <h6 class="d-flex flex-wrap justify-content-between">
-    <span class="my-1 badge rounded-pill {{'bg-success' if '#topology' in steplist else 'bg-secondary'}}">{{ _("Definir Topologia") }}</span>
+  <h6 class="d-flex flex-wrap">
+    <span class="m-1 badge rounded-pill {{'bg-success' if '#topology' in steplist else 'bg-secondary'}}">{{ _("Definir Topologia") }}</span>
     <span class="text-sm">
       <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
       <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"/>
       </svg>
     </span>
-    <span class="my-1 badge rounded-pill {{'bg-success' if '#break' in steplist else 'bg-secondary'}}">{{ _("Editando Topologia e Estrutura") }}</span>
+    <span class="m-1 badge rounded-pill {{'bg-success' if '#break' in steplist else 'bg-secondary'}}">{{ _("Editando Topologia e Estrutura") }}</span>
     <span class="text-sm">
       <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
       <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"/>
       </svg>
     </span>
-    <span class="my-1 badge rounded-pill {{'bg-success' if '#solvate' in steplist else 'bg-secondary'}}">{{ _("Definir caixa e solvatar") }}</span>
+    <span class="m-1 badge rounded-pill {{'bg-success' if '#solvate' in steplist else 'bg-secondary'}}">{{ _("Definir caixa e solvatar") }}</span>
     <span class="text-sm">
       <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
       <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"/>
       </svg>
     </span>
-    <span class="my-1 badge rounded-pill {{'bg-success' if '#ions' in steplist else 'bg-secondary'}}">{{ _("Adicionar Ions") }}</span>
+    <span class="m-1 badge rounded-pill {{'bg-success' if '#ions' in steplist else 'bg-secondary'}}">{{ _("Adicionar Ions") }}</span>
     <span class="text-sm">
       <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
       <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"/>
       </svg>
     </span>
-    <span class="my-1 badge rounded-pill {{'bg-success' if '#minimizationsteepdesc' in steplist else 'bg-secondary'}}">{{ _("Minimização Steep Descent") }}</span>
+    <span class="m-1 badge rounded-pill {{'bg-success' if '#minimizationsteepdesc' in steplist else 'bg-secondary'}}">{{ _("Minimização Steep Descent") }}</span>
     <span class="text-sm">
       <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
       <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"/>
       </svg>
     </span>
-    <span class="my-1 badge rounded-pill {{'bg-success' if '#minimizationconjgrad' in steplist else 'bg-secondary'}}">{{ _("Minimização Conjugate Gradient") }}</span>
+    <span class="m-1 badge rounded-pill {{'bg-success' if '#minimizationconjgrad' in steplist else 'bg-secondary'}}">{{ _("Minimização Conjugate Gradient") }}</span>
     <span class="text-sm">
       <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
       <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"/>
       </svg>
     </span>
-    <span class="my-1 badge rounded-pill {{'bg-success' if '#equilibrationnvt' in steplist else 'bg-secondary'}}">{{ _("Restrição NVT") }}</span>
+    <span class="m-1 badge rounded-pill {{'bg-success' if '#equilibrationnvt' in steplist else 'bg-secondary'}}">{{ _("Restrição NVT") }}</span>
     <span class="text-sm">
       <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
       <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"/>
       </svg>
     </span>
-    <span class="my-1 badge rounded-pill {{'bg-success' if '#equilibrationnpt' in steplist else 'bg-secondary'}}">{{ _("Restrição NPT") }}</span>
+    <span class="m-1 badge rounded-pill {{'bg-success' if '#equilibrationnpt' in steplist else 'bg-secondary'}}">{{ _("Restrição NPT") }}</span>
     <span class="text-sm">
       <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
       <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"/>
       </svg>
     </span>
-    <span class="my-1 badge rounded-pill {{'bg-success' if '#productionmd' in steplist else 'bg-secondary'}}">{{ _("Produção MD") }}</span>
+    <span class="m-1 badge rounded-pill {{'bg-success' if '#productionmd' in steplist else 'bg-secondary'}}">{{ _("Produção MD") }}</span>
   </h6>
   {% else %}
   <div class="d-flex flex-column flex-lg-row justify-content-evenly">