Skip to content

Commit 7490ec1

Browse files
phyllip3phyllip3
committed
accessible button styles
1 parent de1459a commit 7490ec1

3 files changed

Lines changed: 25 additions & 25 deletions

File tree

‎templates/mutation_dist_stats.html‎

Lines changed: 21 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -67,10 +67,10 @@ <h1 class="fw-bold p-2 my-0">{{ title }}
6767
data-bs-toggle="modal"
6868
data-bs-target="#expand-modal"><i class="fas fa-expand"></i> Expand
6969
</button>
70-
<button type="button" class="btn btn-outline-secondary d-img-btn"><i
70+
<button type="button" class="btn btn-outline-dark btn-lg d-img-btn"><i
7171
class="fas fa-download"></i> Image
7272
</button>
73-
<button type="button" class="btn btn-outline-secondary d-data-btn"><i
73+
<button type="button" class="btn btn-outline-dark btn-lg d-data-btn"><i
7474
class="fas fa-download"></i> Data
7575
</button>
7676
</div>
@@ -82,10 +82,10 @@ <h1 class="fw-bold p-2 my-0">{{ title }}
8282
data-bs-toggle="modal"
8383
data-bs-target="#expand-modal"><i class="fas fa-expand"></i> Expand
8484
</button>
85-
<button type="button" class="btn btn-outline-secondary d-img-btn"><i
85+
<button type="button" class="btn btn-outline-dark btn-lg d-img-btn"><i
8686
class="fas fa-download"></i> Image
8787
</button>
88-
<button type="button" class="btn btn-outline-secondary d-data-btn"><i
88+
<button type="button" class="btn btn-outline-dark btn-lg d-data-btn"><i
8989
class="fas fa-download"></i> Data
9090
</button>
9191
</div>
@@ -101,10 +101,10 @@ <h1 class="fw-bold p-2 my-0">{{ title }}
101101
data-bs-toggle="modal"
102102
data-bs-target="#expand-modal"><i class="fas fa-expand"></i> Expand
103103
</button>
104-
<button type="button" class="btn btn-outline-secondary d-img-btn"><i
104+
<button type="button" class="btn btn-outline-dark btn-lg d-img-btn"><i
105105
class="fas fa-download"></i> Image
106106
</button>
107-
<button type="button" class="btn btn-outline-secondary d-data-btn"><i
107+
<button type="button" class="btn btn-outline-dark btn-lg d-data-btn"><i
108108
class="fas fa-download"></i> Data
109109
</button>
110110
</div>
@@ -117,7 +117,7 @@ <h1 class="fw-bold p-2 my-0">{{ title }}
117117
data-bs-toggle="modal"
118118
data-bs-target="#expand-modal"><i class="fas fa-expand"></i> Expand
119119
</button>
120-
<button type="button" class="btn btn-outline-secondary d-jsmoldata-btn"><i
120+
<button type="button" class="btn btn-outline-dark btn-lg d-jsmoldata-btn"><i
121121
class="fas fa-download"></i> Data
122122
</button>
123123
</div>
@@ -165,10 +165,10 @@ <h1 class="fw-bold p-2 my-0">{{ title }}
165165
data-bs-toggle="modal"
166166
data-bs-target="#expand-modal"><i class="fas fa-expand"></i> Expand
167167
</button>
168-
<button type="button" class="btn btn-outline-secondary d-img-btn"><i
168+
<button type="button" class="btn btn-outline-dark btn-lg d-img-btn"><i
169169
class="fas fa-download"></i> Image
170170
</button>
171-
<button type="button" class="btn btn-outline-secondary d-data-btn"><i
171+
<button type="button" class="btn btn-outline-dark btn-lg d-data-btn"><i
172172
class="fas fa-download"></i> Data
173173
</button>
174174
</div>
@@ -190,10 +190,10 @@ <h1 class="fw-bold p-2 my-0">{{ title }}
190190
data-bs-toggle="modal"
191191
data-bs-target="#expand-modal"><i class="fas fa-expand"></i> Expand
192192
</button>
193-
<button type="button" class="btn btn-outline-secondary d-img-btn"><i
193+
<button type="button" class="btn btn-outline-dark btn-lg d-img-btn"><i
194194
class="fas fa-download"></i> Image
195195
</button>
196-
<button type="button" class="btn btn-outline-secondary d-data-btn"><i
196+
<button type="button" class="btn btn-outline-dark btn-lg d-data-btn"><i
197197
class="fas fa-download"></i> Data
198198
</button>
199199
</div>
@@ -214,10 +214,10 @@ <h1 class="fw-bold p-2 my-0">{{ title }}
214214
data-bs-toggle="modal"
215215
data-bs-target="#expand-modal"><i class="fas fa-expand"></i> Expand
216216
</button>
217-
<button type="button" class="btn btn-outline-secondary d-img-btn"><i
217+
<button type="button" class="btn btn-outline-dark btn-lg d-img-btn"><i
218218
class="fas fa-download"></i> Image
219219
</button>
220-
<button type="button" class="btn btn-outline-secondary d-data-btn"><i
220+
<button type="button" class="btn btn-outline-dark btn-lg d-data-btn"><i
221221
class="fas fa-download"></i> Data
222222
</button>
223223
</div>
@@ -243,10 +243,10 @@ <h1 class="fw-bold p-2 my-0">{{ title }}
243243
data-bs-toggle="modal"
244244
data-bs-target="#expand-modal"><i class="fas fa-expand"></i> Expand
245245
</button>
246-
<button type="button" class="btn btn-outline-secondary d-img-btn"><i
246+
<button type="button" class="btn btn-outline-dark btn-lg d-img-btn"><i
247247
class="fas fa-download"></i> Image
248248
</button>
249-
<button type="button" class="btn btn-outline-secondary d-data-btn"><i
249+
<button type="button" class="btn btn-outline-dark btn-lg d-data-btn"><i
250250
class="fas fa-download"></i> Data
251251
</button>
252252
</div>
@@ -267,10 +267,10 @@ <h1 class="fw-bold p-2 my-0">{{ title }}
267267
data-bs-toggle="modal"
268268
data-bs-target="#expand-modal"><i class="fas fa-expand"></i> Expand
269269
</button>
270-
<button type="button" class="btn btn-outline-secondary d-img-btn"><i
270+
<button type="button" class="btn btn-outline-dark btn-lg d-img-btn"><i
271271
class="fas fa-download"></i> Image
272272
</button>
273-
<button type="button" class="btn btn-outline-secondary d-data-btn"><i
273+
<button type="button" class="btn btn-outline-dark btn-lg d-data-btn"><i
274274
class="fas fa-download"></i> Data
275275
</button>
276276
</div>
@@ -293,10 +293,10 @@ <h1 class="fw-bold p-2 my-0">{{ title }}
293293
data-bs-toggle="modal"
294294
data-bs-target="#expand-modal"><i class="fas fa-expand"></i> Expand
295295
</button>
296-
<button type="button" class="btn btn-outline-secondary d-img-btn"><i
296+
<button type="button" class="btn btn-outline-dark btn-lg d-img-btn"><i
297297
class="fas fa-download"></i> Image
298298
</button>
299-
<button type="button" class="btn btn-outline-secondary d-data-btn"><i
299+
<button type="button" class="btn btn-outline-dark btn-lg d-data-btn"><i
300300
class="fas fa-download"></i> Data
301301
</button>
302302
</div>
@@ -317,10 +317,10 @@ <h1 class="fw-bold p-2 my-0">{{ title }}
317317
data-bs-toggle="modal"
318318
data-bs-target="#expand-modal"><i class="fas fa-expand"></i> Expand
319319
</button>
320-
<button type="button" class="btn btn-outline-secondary d-img-btn"><i
320+
<button type="button" class="btn btn-outline-dark btn-lg d-img-btn"><i
321321
class="fas fa-download"></i> Image
322322
</button>
323-
<button type="button" class="btn btn-outline-secondary d-data-btn"><i
323+
<button type="button" class="btn btn-outline-dark btn-lg d-data-btn"><i
324324
class="fas fa-download"></i> Data
325325
</button>
326326
</div>

‎templates/mutation_stats.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -58,10 +58,10 @@ <h1 class="fw-bold p-2 my-0">{{ title }}
5858
</div>
5959
{% endif %}
6060
<div data-graph-id="{{ graph_id }}" class="btn-group btn-group-sm float-end">
61-
<button type="button" class="btn btn-outline-secondary d-img-btn"><i class="fas fa-download"></i>
61+
<button type="button" class="btn btn-outline-dark btn-lg d-img-btn"><i class="fas fa-download"></i>
6262
Image
6363
</button>
64-
<button type="button" class="btn btn-outline-secondary d-data-btn"><i class="fas fa-download"></i>
64+
<button type="button" class="btn btn-outline-dark btn-lg d-data-btn"><i class="fas fa-download"></i>
6565
Data
6666
</button>
6767
</div>

‎templates/prevalence_somatic_stats.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -38,9 +38,9 @@ <h1 class="fw-bold p-2 my-0">{{ title }}
3838
<div class="p-2">
3939
<div class="border rounded-2 p-3 my-3 mx-auto">
4040
<div data-graph-id="som_prev" class="btn-group btn-group-sm float-end">
41-
<button type="button" class="btn btn-outline-secondary d-img-btn"><i class="fas fa-download"></i> Image
41+
<button type="button" class="btn btn-outline-dark btn-lg d-img-btn"><i class="fas fa-download"></i> Image
4242
</button>
43-
<button type="button" class="btn btn-outline-secondary d-data-btn"><i class="fas fa-download"></i> Data
43+
<button type="button" class="btn btn-outline-dark btn-lg d-data-btn"><i class="fas fa-download"></i> Data
4444
</button>
4545
</div>
4646
<canvas id="som_prev_chart"></canvas>

0 commit comments

Comments
 (0)