Spaces:
Runtime error
Runtime error
Commit
·
c49393b
1
Parent(s):
308cd79
update
Browse files- templates/experiment.html +11 -6
templates/experiment.html
CHANGED
|
@@ -3,7 +3,6 @@
|
|
| 3 |
<head>
|
| 4 |
<title>Table QA Experiment</title>
|
| 5 |
<style>
|
| 6 |
-
/* Keep all existing styles */
|
| 7 |
body {
|
| 8 |
font-family: 'Roboto', sans-serif;
|
| 9 |
margin: 0;
|
|
@@ -30,8 +29,8 @@
|
|
| 30 |
margin-bottom: 20px;
|
| 31 |
}
|
| 32 |
.explanations-grid {
|
| 33 |
-
display:
|
| 34 |
-
|
| 35 |
gap: 20px;
|
| 36 |
margin-bottom: 40px;
|
| 37 |
}
|
|
@@ -39,6 +38,7 @@
|
|
| 39 |
border: 1px solid #ddd;
|
| 40 |
border-radius: 8px;
|
| 41 |
overflow: hidden;
|
|
|
|
| 42 |
}
|
| 43 |
.explanation-header {
|
| 44 |
background-color: #f8f9fa;
|
|
@@ -52,10 +52,12 @@
|
|
| 52 |
}
|
| 53 |
.explanation-content {
|
| 54 |
padding: 0;
|
|
|
|
|
|
|
| 55 |
}
|
| 56 |
iframe {
|
| 57 |
width: 100%;
|
| 58 |
-
height:
|
| 59 |
border: none;
|
| 60 |
}
|
| 61 |
.ranking-section {
|
|
@@ -93,6 +95,9 @@
|
|
| 93 |
text-align: center;
|
| 94 |
font-size: 1.1em;
|
| 95 |
}
|
|
|
|
|
|
|
|
|
|
| 96 |
.submit-button {
|
| 97 |
background-color: #4CAF50;
|
| 98 |
color: white;
|
|
@@ -162,10 +167,10 @@
|
|
| 162 |
<label for="{{ method }}">{{ method }}</label>
|
| 163 |
<select id="{{ method }}" name="{{ method }}" required>
|
| 164 |
<option value="" selected disabled>Rank</option>
|
| 165 |
-
<option value="1">1</option>
|
| 166 |
<option value="2">2</option>
|
| 167 |
<option value="3">3</option>
|
| 168 |
-
<option value="4">4</option>
|
| 169 |
</select>
|
| 170 |
</div>
|
| 171 |
{% endfor %}
|
|
|
|
| 3 |
<head>
|
| 4 |
<title>Table QA Experiment</title>
|
| 5 |
<style>
|
|
|
|
| 6 |
body {
|
| 7 |
font-family: 'Roboto', sans-serif;
|
| 8 |
margin: 0;
|
|
|
|
| 29 |
margin-bottom: 20px;
|
| 30 |
}
|
| 31 |
.explanations-grid {
|
| 32 |
+
display: flex;
|
| 33 |
+
flex-direction: column;
|
| 34 |
gap: 20px;
|
| 35 |
margin-bottom: 40px;
|
| 36 |
}
|
|
|
|
| 38 |
border: 1px solid #ddd;
|
| 39 |
border-radius: 8px;
|
| 40 |
overflow: hidden;
|
| 41 |
+
height: 600px;
|
| 42 |
}
|
| 43 |
.explanation-header {
|
| 44 |
background-color: #f8f9fa;
|
|
|
|
| 52 |
}
|
| 53 |
.explanation-content {
|
| 54 |
padding: 0;
|
| 55 |
+
height: calc(100% - 53px);
|
| 56 |
+
overflow-y: auto;
|
| 57 |
}
|
| 58 |
iframe {
|
| 59 |
width: 100%;
|
| 60 |
+
height: 100%;
|
| 61 |
border: none;
|
| 62 |
}
|
| 63 |
.ranking-section {
|
|
|
|
| 95 |
text-align: center;
|
| 96 |
font-size: 1.1em;
|
| 97 |
}
|
| 98 |
+
.ranking-item select option {
|
| 99 |
+
padding: 4px;
|
| 100 |
+
}
|
| 101 |
.submit-button {
|
| 102 |
background-color: #4CAF50;
|
| 103 |
color: white;
|
|
|
|
| 167 |
<label for="{{ method }}">{{ method }}</label>
|
| 168 |
<select id="{{ method }}" name="{{ method }}" required>
|
| 169 |
<option value="" selected disabled>Rank</option>
|
| 170 |
+
<option value="1">1 (Best)</option>
|
| 171 |
<option value="2">2</option>
|
| 172 |
<option value="3">3</option>
|
| 173 |
+
<option value="4">4 (Worst)</option>
|
| 174 |
</select>
|
| 175 |
</div>
|
| 176 |
{% endfor %}
|