mirror of
https://github.com/skoelle/moonweb-site.git
synced 2026-09-17 17:00:25 +00:00
Stack table vertically on mobile for better readability
This commit is contained in:
@@ -18,6 +18,7 @@
|
|||||||
line-height: 1.6;
|
line-height: 1.6;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
|
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
|
||||||
}
|
}
|
||||||
.header {
|
.header {
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -114,6 +115,20 @@
|
|||||||
.program-info {
|
.program-info {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
.content table {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.content table tr {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
margin-bottom: 0.8em;
|
||||||
|
}
|
||||||
|
.content table td {
|
||||||
|
padding-right: 0;
|
||||||
|
}
|
||||||
|
.content table td:first-child {
|
||||||
|
margin-bottom: 0.2em;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
th, td {
|
th, td {
|
||||||
text-align:left;
|
text-align:left;
|
||||||
|
|||||||
Reference in New Issue
Block a user