diff options
| author | Simon Curtis <43214378+simon-curtis@users.noreply.github.com> | 2024-04-25 14:11:36 +0000 |
|---|---|---|
| committer | Louis Pilfold <louis@lpil.uk> | 2024-05-01 11:35:31 +0100 |
| commit | 29ea1110ae1231d472bc9a30c43010d4e17299a1 (patch) | |
| tree | ccea919c1761da0351b58868c4eefc58ef1ee95a | |
| parent | d63ec52d931a78569e4de24da91740734db3a53b (diff) | |
| download | tour-29ea1110ae1231d472bc9a30c43010d4e17299a1.tar.gz tour-29ea1110ae1231d472bc9a30c43010d4e17299a1.zip | |
Fixes to margins around editor and left panel
| -rw-r--r-- | static/css/pages/lesson.css | 15 |
1 files changed, 11 insertions, 4 deletions
diff --git a/static/css/pages/lesson.css b/static/css/pages/lesson.css index c0d0fe7..b2478de 100644 --- a/static/css/pages/lesson.css +++ b/static/css/pages/lesson.css @@ -29,7 +29,6 @@ #editor { position: relative; overflow: clip; - min-height: 14rem; flex-grow: 1; } @@ -46,13 +45,18 @@ /* Larger then mobile */ @media (min-width: 768px) { #playground { - min-height: calc(100vh - var(--navbar-height)); + min-height: calc(100dvh - var(--navbar-height)); flex-direction: row; } #left { height: 100%; width: 50%; + overflow-y: auto; + + & h2:first-of-type { + margin-top: 0; + } } #right { @@ -75,7 +79,7 @@ @media (min-width: 1200px) and (min-height: 700px) { #left { /* Lift the navigation bar up a bit so it's not sitting right on the bottom*/ - padding-bottom: calc(var(--gap) * 2); + padding: calc(var(--gap) * 2); } #right { @@ -84,7 +88,10 @@ padding: 2px 1px; box-shadow: var(--drop-shadow); /* Use calc here to add additional padding dynamically to allow for the drop shadow */ - margin: calc(var(--gap) * 2); + margin-top: calc(var(--gap) * 2); + margin-right: calc(var(--gap) * 3); + margin-bottom: calc(var(--gap) * 3); + margin-left: calc(var(--gap) * 2); } } |