diff --git a/views/header.html b/views/header.html index 0c154b1..5eb13cd 100644 --- a/views/header.html +++ b/views/header.html @@ -7,7 +7,7 @@ {{ end }} - +
diff --git a/views/style.css b/views/style.css index f8546b3..76eabbc 100644 --- a/views/style.css +++ b/views/style.css @@ -38,7 +38,7 @@ input { } .info { background: #002; - border: 2px solid #dde; + border: 1px solid #dde; margin-bottom: 1em; padding: 0em 1em 0em 1em; } @@ -65,16 +65,11 @@ button a { font-size: 1em; background: #305; color: #dde; - width: 700px; + width: 600px; height: 8em; margin-bottom: 0.5em; box-sizing: border-box; } -@media screen and (max-width: 1024px) { - .info textarea { - width: 500px; - } -} .info input[type="checkbox"] { position: fixed; top: -9999px; @@ -103,7 +98,7 @@ button a { width: 90%; margin: auto; background: #002; - border: 2px solid #dde; + border: 1px solid #dde; border-radius: 1em; margin-bottom: 1em; padding-left: 1em; @@ -164,3 +159,18 @@ img.emu { vertical-align: middle; margin: -2px; } +@media screen and (max-width: 740px) { + body { + font-size: 0.6em; + } + .info textarea { + width: 20em; + } + .honk .title { + height: 48px; + } + .honk .title img { + width: 48px; + height: 48px; + } +}