diff --git a/web/app/templates/corpora/analyse_corpus.html.j2 b/web/app/templates/corpora/analyse_corpus.html.j2 index 341d3a1795f2997d67ee32af550a357a206d63a6..4760c34212ede6b1576324454a369a0f46a855ab 100644 --- a/web/app/templates/corpora/analyse_corpus.html.j2 +++ b/web/app/templates/corpora/analyse_corpus.html.j2 @@ -276,57 +276,64 @@ <h4>Match Inspect</h4> <div id="inspect-display-options"> <form> - <ul class="collection with-header"> - <li class="collection-header"> - <h5>Display options</h5> - </li> - <li class="collection-item"> - {{ inspect_display_options_form.expert_mode_inspect.label.text }} - <div class="secondary-content"> - <div class="switch"> + <table class="collection with-header"> + <tr> + <th style="width: 75%">Options</th> + <th style="width: 25%"> </th> + </tr> + + <tr> + <td> + {{ inspect_display_options_form.expert_mode_inspect.label.text }} + </td> + <td> + <div class="switch right-align"> <label> {{ inspect_display_options_form.expert_mode_inspect() }} <span class="lever"></span> </label> </div> - </div> - </li> - <li class="collection-item"> + </td> + </tr> + <tr> + <td> {{ inspect_display_options_form.highlight_sentences.label.text }} - <div class="secondary-content"> - <div class="switch"> + </td> + <td> + <div class="switch right align"> <label> {{ inspect_display_options_form.highlight_sentences() }} <span class="lever"></span> </label> </div> - </div> - </li> - <li class="collection-item"> + </td> + </tr> + <tr> + <td> Sentences around match - <div class="secondary-content" - style="margin-top: -35px; - border-top-width: 0px; - margin-bottom: -20px;"> + </td> + <td> <div class="input-field"> <p class="range-field"> <input type="range" id="context-sentences" - style="margin-top: 20px; - margin-bottom: 10px;" min="1" max="10" value="3" /> </p> </div> - </div> - </li> - <li class="collection-item"> - Add to Sub Results - <div class="secondary-content" id="add-to-sub-results-from-inspect"> - </div> - </li> - </ul> + </td> + </tr> + <tr> + <td> + Add to Sub Results + </td> + <td> + <div class="secondary-content" id="add-to-sub-results-from-inspect"> + </div> + </td> + </tr> + </table> </form> </div> <div class="col s12" >