diff --git a/contrib/webconsole/style.css b/contrib/webconsole/style.css index 861e747a..3edfe470 100644 --- a/contrib/webconsole/style.css +++ b/contrib/webconsole/style.css @@ -63,7 +63,7 @@ a.button { .wrapper { margin: 0 auto; padding: 1em; - max-width: 60em; + max-width: 64em; } .menu { @@ -92,7 +92,7 @@ a.button { .content { float: left; font-size: 1em; - margin-left: 4em; + margin-left: 2em; padding: 4px; max-width: 50em; overflow: auto; @@ -192,16 +192,11 @@ input[type=number]::-webkit-inner-spin-button { @media screen and (max-width: 1150px) { /* adaptive style */ .wrapper { - max-width: 56em; - } - - .menu { - max-width: 10em; + max-width: 58em; } .content { - margin-left: 2em; - max-width: 44em; + max-width: 40em; } } diff --git a/daemon/HTTPServerResources.h b/daemon/HTTPServerResources.h index 89c742d3..d821aa2a 100644 --- a/daemon/HTTPServerResources.h +++ b/daemon/HTTPServerResources.h @@ -41,11 +41,11 @@ namespace http "a:hover, .slide label:hover, button[type=submit]:hover { color: #FAFAFA; background: var(--main-link-color)}\r\n" "a.button { appearance: button; text-decoration: none; padding: 0 5px; border: 1px solid var(--main-link-color)}\r\n" ".header { font-size: 2.5em; text-align: center; margin: 1em 0; color: var(--main-link-color)}\r\n" - ".wrapper { margin: 0 auto; padding: 1em; max-width: 60em}\r\n" + ".wrapper { margin: 0 auto; padding: 1em; max-width: 64em}\r\n" ".menu { display: block; float: left; overflow: hidden; padding: 4px; max-width: 12em; white-space: nowrap; text-overflow: ellipsis}\r\n" ".listitem { display: block; font-family: monospace; font-size: 1.2em; white-space: nowrap}\r\n" ".tableitem { font-family: monospace; font-size: 1.2em; white-space: nowrap}\r\n" - ".content { float: left; font-size: 1em; margin-left: 4em; padding: 4px; max-width: 50em; overflow: auto}\r\n" + ".content { float: left; font-size: 1em; margin-left: 2em; padding: 4px; max-width: 50em; overflow: auto}\r\n" ".tunnel.established { color: #56B734}\r\n" ".tunnel.expiring { color: #D3AE3F}\r\n" ".tunnel.failed { color: #D33F3F}\r\n" @@ -67,9 +67,8 @@ namespace http "input:focus, select:focus, select option:focus { outline: none}\r\n" "input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none}\r\n" "@media screen and (max-width: 1150px) { /* adaptive style */\r\n" - " .wrapper { max-width: 56em; }\r\n" - " .menu { max-width: 10em; }\r\n" - " .content { margin-left: 2em; max-width: 44em; }\r\n" + " .wrapper { max-width: 58em; }\r\n" + " .content { max-width: 40em; }\r\n" "}\r\n" "@media screen and (max-width: 980px) { body { font: 100%/1.2em sans-serif; padding: 1.2em 0 0 0; }\r\n" " .menu { width: 100%; max-width: unset; display: block; float: none; position: unset; font-size: 16px; text-align: center; }\r\n"