DOM for continue button on signature page

[plocket]

That's changed with Bootstrap 5 as well. This selector used to work:

`div.form-actions a.dasigsave`

Now the DOM looks like this:

<fieldset class="da-button-set d-none d-sm-block da-signature">
  <legend class="visually-hidden">Press one of the following buttons:</legend>
  <div class="dasigbuttons mt-3">
    <a href="#" role="button" class="btn btn-primary btn-da dasigsave">Continue</a>
    <a href="#" role="button" class="btn btn-warning btn-da dasigclear">Clear</a>
  </div>
</fieldset>

prettified with https://allcodes.11zon.com/en/html-beautify/html-prettify.php

[plocket]

Changing selector to just .dasigsave

We have to get more specific than that because there are two continue buttons on the page.

The selectors we want: btn btn-primary btn-da dasigsave

The selectors we DON'T want: btn btn-sm btn-primary dasignav-right dasignavbutton dasigsave

btn-da is the only one that's unique to our desired button, but that doesn't seem stable. The other is also a button for da, so it might easily get that class added.

DOM for the UNwanted button inside the same parent as our DOM shown above:

<div class="dasigshowsmallblock dasigheader d-block d-sm-none" id="dasigheader" style="
    display: block !important;
">
    <div class="dasiginnerheader">
        <a href="#" role="button" class="btn btn-sm btn-warning dasignav-left dasignavbutton dasigclear">Clear</a>
        <a href="#" role="button" class="btn btn-sm btn-primary dasignav-right dasignavbutton dasigsave" style="
    display: block;
    height: 100px;
    width: 100px;
    visibility: visible;
">Continue</a>
        <div id="dasigtitle" class="dasigtitle">Signature 1</div>
    </div>
</div>

What currently looks most reliable is to use the fieldset tag.