From b5a859ce270dcffd93fc473281a3989dd370a6a2 Mon Sep 17 00:00:00 2001 From: lonkaars Date: Sun, 8 Jan 2023 23:34:01 +0100 Subject: make vertical card full-screen and edit margins --- anki-card-template/card.css | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/anki-card-template/card.css b/anki-card-template/card.css index 38d923d..d7c57c1 100644 --- a/anki-card-template/card.css +++ b/anki-card-template/card.css @@ -1,3 +1,5 @@ +body { margin: 0; } + .mobile #card .foreign { font-size: 1.75rem; } .mobile #card .native { font-size: 1.25rem; } @@ -35,6 +37,8 @@ #card.vertical-layout { display: grid; grid-auto-columns: 1fr auto auto; + height: 100vh; + overflow: hidden; } #card.vertical-layout #back { display: flex; @@ -46,7 +50,10 @@ #card.vertical-layout #separator { grid-column: 2; } #card.vertical-layout #front { grid-column: 3; } -#card.vertical-layout #sentence { writing-mode: vertical-rl; } +#card.vertical-layout #sentence { + writing-mode: vertical-rl; + margin: 1em 0.5em; +} #card.horizontal-layout #separator { height: 10px; -- cgit v1.2.3