From e9cd5dafd186e3c998eee4a1c531cbe53e19397c Mon Sep 17 00:00:00 2001
From: Stephan Porada <sporada@uni-bielefeld.de>
Date: Thu, 25 Jun 2020 18:01:02 +0200
Subject: [PATCH] Cosmetics II

---
 .../templates/corpora/analyse_corpus.html.j2  | 67 ++++++++++---------
 1 file changed, 37 insertions(+), 30 deletions(-)

diff --git a/web/app/templates/corpora/analyse_corpus.html.j2 b/web/app/templates/corpora/analyse_corpus.html.j2
index 341d3a17..4760c342 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" >