Update for smaller displays

[sentinel]

Hi,
I have a proposal on the enhancement #1026 done some time ago:
Can we replace part of the css in WebServer.ino with the following:

Code: Select all

"@media screen and (max-width: 780px) {"
".bodymenu{  margin-top: 11px; margin: 0px;}"
".headermenu{  position: relative;   height: auto;   float: left;   width: 100%;   padding: 0px; }"
".headermenu h1{  padding: 8px 12px; }"
".menubar{  top: 0px;   position: relative;   float: left;   width: 100%; }"

The differences are:
- setting 780px instead of 960 --> will change just when "Tools" on the menu gets close to the edge of the window
- instead of showing the menu items one below the other, they show like in the attachment

[grovkillen]

Add this suggestion to Github. Looks good.

[sentinel]

this is my first addition. I don't think I am doing it correctly... I don't want to destroy something. Can you please take a look and help:
https://github.com/letscontrolit/ESPEas ... 67/commits

[grovkillen]

Just create an issue and add your suggested changes as code in the message or add it as a GistSnippet.

The commit is not correct and should be closed.

[sentinel]

thanks for your quick reply!
I have done it: #1168

[grovkillen]

Great, looks as is it should look like