From b15be5185d50c1cf6872262386f2ab37ad407efc Mon Sep 17 00:00:00 2001 From: akiyamn Date: Wed, 1 Jun 2022 14:23:28 +1000 Subject: Basics of desktop mode --- src/css/buttons.css | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) (limited to 'src/css/buttons.css') diff --git a/src/css/buttons.css b/src/css/buttons.css index f9d5ae7..27d5db9 100644 --- a/src/css/buttons.css +++ b/src/css/buttons.css @@ -4,8 +4,8 @@ .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn { color: var(--btn-text-color); font-size: var(--font-size-16); - margin: 12px 0; - padding: 12px 32px 10px 32px; + margin: 0.75rem 0; + padding: 0.75rem 2rem; cursor: pointer; } .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice a.btn { @@ -85,4 +85,12 @@ } .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn-group *{ max-width: calc(50% - 1rem); +} + +/* Tablet (at least 40em) */ + +@media only screen and (min-width: 40em) { + .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn ~ .btn { + margin-left: 0.5rem; + } } \ No newline at end of file -- cgit v1.2.3