diff options
| author | Struan Donald <struan@exo.org.uk> | 2013-08-19 15:45:17 +0100 |
|---|---|---|
| committer | Struan Donald <struan@exo.org.uk> | 2013-08-19 15:45:17 +0100 |
| commit | 1bf1e9b9626efbc593beab043f302273a0d1a3c5 (patch) | |
| tree | dc88ef896e166b8e107d8fa0ab1f33c3e5c7f9fb | |
| parent | 606a6978792e010b3eed8db8c2d5897efe8db491 (diff) | |
make help dismiss button more obvious
change from yellow tab to top right x button
Fixes #98
| -rw-r--r-- | src/css/fms.css | 23 | ||||
| -rw-r--r-- | src/index.html | 2 |
2 files changed, 17 insertions, 8 deletions
diff --git a/src/css/fms.css b/src/css/fms.css index 6203c67..902d925 100644 --- a/src/css/fms.css +++ b/src/css/fms.css @@ -866,8 +866,9 @@ } #help h1 { - font-size: 1.5em; + font-size: 1.25em; margin-top: 0px; + margin-right: 1.25em; } #help dt { @@ -884,7 +885,6 @@ font-size: 1em; } - #dismiss, #display-help { position: fixed; display: none; @@ -897,14 +897,23 @@ font-weight: bold; font-size: 2em; z-index: 3005; - } - - #display-help { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } #dismiss { - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; + position: fixed; + display: none; + top: 60px; + right: 0.5em; + color: grey; + font-weight: bold; + font-size: 2em; + padding: 3px; + border-radius: 5px; + } + + #help.android2 #dismiss { + top: 5px; + right: 5px; } diff --git a/src/index.html b/src/index.html index 54d8c93..3d8162b 100644 --- a/src/index.html +++ b/src/index.html @@ -87,10 +87,10 @@ <div class="radar"></div> </div> <div id="help"> + <div id="dismiss">x</div> <div id="helpContent"> </div> </div> - <div id="dismiss">></div> <div id="display-help"> ? </div> |