Tweak elements for mobile experience

This commit forces a device-width sized viewport, which makes for a much
more usable chat experience on mobile devices. A chat element min-size
is also removed to avoid screen overflow on mobile devices.
This commit is contained in:
Louis Jencka 2020-03-29 17:50:43 -06:00
parent f7f63207c9
commit a399cf38e7
2 changed files with 1 additions and 1 deletions

View File

@ -3,6 +3,7 @@
<head>
<meta charset='utf-8'>
<meta name="viewport" content="width=device-width, user-scalable=no">
<title>{{ .Title }}</title>
<link rel="stylesheet" type="text/css" href="/static/css/hack/hack.css">
<link rel="stylesheet" type="text/css" href="/static/css/site.css">

View File

@ -302,7 +302,6 @@ input[type=text] {
}
#messages {
min-height: 15em;
color: var(--var-message-color);
overflow-y: scroll;
border: var(--var-border);