this repo has no description
Improve mobile layout
+11
-4
+11
-4
public/index.html
+11
-4
public/index.html
···
58
58
59
59
/* Display table vertically. Matches Bulma's threshold for stacking columns vertically. */
60
60
@media screen and (max-width: 1023px) {
61
-
.kinks-table tr { display: block; float: left; width: 100%; }
61
+
.kinks-table tr { display: flex; float: left; width: 100%; flex-flow: column; }
62
62
.kinks-table td { display: block; } /* Had th, see below for what we actually do */
63
63
64
64
/* Size choice button as a square that takes up the whole space */
···
76
76
height: 32px;
77
77
}
78
78
79
-
/* Hide the border between Self/Partner options etc */
80
-
.kinks-table td:not(:last-child) {
81
-
border-bottom: none;
79
+
.kinks-table td:last-child {
80
+
/* Place the kink label before the options */
81
+
order: -1;
82
+
/* Hide the border for the kink label */
83
+
border-bottom: none !important;
82
84
}
83
85
84
86
/* Due to the display:block above the table headers will not match the vertical layout. So we put them side-by-side (and then make them look pretty) */
···
516
518
<div class="modal-content">
517
519
<div class="box content">
518
520
<h1>Changelog</h2>
521
+
522
+
<h2>Version 12 - September 17th 2021</h2>
523
+
<ul>
524
+
<li>Improve mobile layout</li>
525
+
</ul>
519
526
520
527
<h2>Version 11 - June 17th 2021</h2>
521
528
<ul>