klemek/sheet-divider
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

responsive design

Browse Source
This commit is contained in:
klemek
2019-12-07 11:57:05 +01:00
parent ae74a71637
commit 2c17cd7ecf
1 changed files with 29 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
style.css
+29 -6
View File
@@ -23,20 +23,21 @@ main {
} }
h1 { h1 {
margin-top:0;
margin-bottom: .5em; margin-bottom: .5em;
} }
#table-container { #table-container {
margin: auto;
padding: 1em; padding: 1em;
background-color: #F5F5F5; background-color: #F5F5F5;
width: fit-content; width: 100vw;
margin:0 -1.5rem;
} }
table { table {
border-collapse: collapse; border-collapse: collapse;
margin: 0;
font-size: .9em; font-size: .9em;
margin: 0;
} }
td { td {
@@ -53,8 +54,9 @@ td > * {
} }
td:first-child { td:first-child {
font-size:.8em;
text-align: right; text-align: right;
width: 9rem; width: 5rem;
} }
td:nth-child(2), td:nth-child(4) { td:nth-child(2), td:nth-child(4) {
@@ -66,9 +68,10 @@ td:nth-child(3), td:nth-child(5) {
} }
td:nth-child(6), td[colspan="5"] + td { td:nth-child(6), td[colspan="5"] + td {
padding-left: 1rem; font-size:.8em;
padding-left: 0.5rem;
text-align: left; text-align: left;
width: 11rem; width: 8rem;
} }
td[colspan="5"] { td[colspan="5"] {
@@ -91,7 +94,27 @@ canvas {
max-width: 42rem; max-width: 42rem;
} }
h1{
margin-top: .5em;
}
table { table {
font-size: inherit; font-size: inherit;
} }
#table-container{
margin:auto;
width:fit-content;
}
td:first-child {
font-size:inherit;
width: 9rem;
}
td:nth-child(6), td[colspan="5"] + td {
font-size:inherit;
padding-left: 1rem;
width: 11rem;
}
} }