ben/brouter-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix error message position, center horizontally (#56, #114)

Browse source
This commit is contained in:
Norbert Renner 2018-04-05 11:37:15 +02:00
parent ed07a6c3c3
commit e0a786ba60
2 changed files with 10 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

11
css/style.css
View file

@ -104,12 +104,15 @@ footer {
cursor: crosshair; cursor: crosshair;
} }
#map {
/* center error message horizontally */
display: flex;
justify-content: center;
}
#message { #message {
position: absolute; margin: 10px 46px; /* 10 + 26 + 10 */
left: 446px; /* 400 + 10 + 26 + 10 */
top: 0px;
margin-top: 10px;
z-index: 3000; z-index: 3000;
font-size: 1rem;
} }
#profile_buttons { #profile_buttons {

6
index.html
View file

@ -177,7 +177,9 @@
</div> </div>
<div class="leaflet-sidebar-flex-row flexgrow"> <div class="leaflet-sidebar-flex-row flexgrow">
<div id="map" class="leaflet-sidebar-map"></div> <div id="map" class="leaflet-sidebar-map">
<div id="message"></div>
</div>
<div id="sidebar" class="leaflet-sidebar collapsed"> <div id="sidebar" class="leaflet-sidebar collapsed">
@ -218,8 +220,6 @@
</div> </div>
</div> </div>
</div> </div>
<div id="message"></div>
</div> </div>
<div class="collapse" id="elevation-chart"></div> <div class="collapse" id="elevation-chart"></div>