Improve CSS

This commit is contained in:
Saku Laesvuori 2023-10-04 22:42:58 +03:00
parent 3666f29756
commit d2f1b07922
Signed by: slaesvuo
GPG Key ID: 257D284A2A1D3A32
1 changed files with 5 additions and 1 deletions

View File

@ -204,6 +204,9 @@ instance Yesod DataIdClient where
--bg-colour: #ffffff; --bg-colour: #ffffff;
--fg-colour: #181c22; --fg-colour: #181c22;
} }
* {
box-sizing: border-box;
}
html { html {
font-family: "Fira Sans", sans-serif; font-family: "Fira Sans", sans-serif;
height: 100%; height: 100%;
@ -239,7 +242,7 @@ instance Yesod DataIdClient where
margin-bottom: 0.3em; margin-bottom: 0.3em;
} }
form { form {
max-width: 20em; max-width: min(30em,100%);
} }
summary > h2 { summary > h2 {
display: inline-block; display: inline-block;
@ -330,6 +333,7 @@ instance Yesod DataIdClient where
$doctype 5 $doctype 5
<html> <html>
<head> <head>
<meta name="viewport" content="width=device-width,initial-scale=1"/>
<title>#{pageTitle p} <title>#{pageTitle p}
^{pageHead p} ^{pageHead p}
<body> <body>