Comment éviter que cette fenêtre modale ne change CSS sur le site

Question

Comme c'est généralement sur une page d'administration, j'ai trois boutons l'un à côté de l'autre. Un détail, un pour éditer et un pour supprimer, il ressemble à:

<a n:href="detail $candidate->id"> 
    <button type="button" class="btn btn-success btn-sm"> 
     <i class="glyphicon glyphicon-search" style="margin-right:0px"></i> 
    </button> 
</a>                        
<a href="#"> 
    <button type="button" class="btn btn-info btn-sm"> 
     <i class="glyphicon glyphicon-pencil" style="margin-right:0px"></i> 
    </button> 
</a>             
<a n:href="delete! $candidate->id"> 
    <button type="button" class="btn btn-danger btn-sm"> 
     <i class="glyphicon glyphicon-remove" style="margin-right:0px"></i> 
    </button> 
</a> 

Après que je décide que je dois ajouter « Confirmer modal » lorsque l'utilisateur appuie sur « Supprimer » pour éviter missclicks

<a 
    data-nette-confirm="modal" 
    data-nette-confirm-title="Confirm" 
    data-nette-confirm-text="Are you sure you want to delete?" 
    data-nette-confirm-ok-class="btn-danger" 
    data-nette-confirm-ok-text="Yes" 
    data-nette-confirm-cancel-class="btn-success" 
    data-nette-confirm-cancel-text="No" 
    class="btn btn-danger" 
    data-ajax="off" // or class="ajax" 
    n:href="delete! $candidate->id">               
    <button type="button" class="btn btn-danger btn-xs"> 
     <i class="glyphicon glyphicon-remove" style="margin-right:0px"></i> 
    </button> 
</a>  

qui utilisent basiquement STYLE modal de: https://gist.github.com/melnikovic/ab8904a19e37655fb4ba

Après cela, je viens d'obtenir mon bouton SUPPRIMER deux fois plus grand que les autres, j'essaie de simplement faire xs mais encore beaucoup plus. Existe-t-il un moyen d'éviter ce changement?

Answer 1

Essayez de supprimer:

// or class="ajax" 

Il Ecrase précédemment défini class="btn btn-danger".