Better layout for map marker legend
This commit is contained in:
parent
57139eedc8
commit
9e84d7b7de
1 changed files with 12 additions and 17 deletions
|
@ -12,7 +12,7 @@
|
||||||
<link rel="prefetch" href="{{ baseurl }}static/img/leaflet-marker-red.png" />
|
<link rel="prefetch" href="{{ baseurl }}static/img/leaflet-marker-red.png" />
|
||||||
<script src="{{ baseurl }}static/js/bootstrap.bundle.min.js"></script>
|
<script src="{{ baseurl }}static/js/bootstrap.bundle.min.js"></script>
|
||||||
<script src="{{ baseurl }}static/js/leaflet.js"></script>
|
<script src="{{ baseurl }}static/js/leaflet.js"></script>
|
||||||
<script src="chaostreff.js"></script>
|
<script src="{{ baseurl }}{{ lang }}/chaostreff.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header class="navbar navbar-expand-lg navbar-dark bg-dark">
|
<header class="navbar navbar-expand-lg navbar-dark bg-dark">
|
||||||
|
@ -53,22 +53,17 @@
|
||||||
<main class="container-fluid">
|
<main class="container-fluid">
|
||||||
<section id="map">
|
<section id="map">
|
||||||
<div id="leaflet-map" class=""></div>
|
<div id="leaflet-map" class=""></div>
|
||||||
<aside class="container-fluid">
|
<p>{{ legend_marker_header }}</p>
|
||||||
<div class="row">
|
<p>
|
||||||
<div class="col-lg-6 col-md-12 col-sm-12">
|
<img class="leaflet-marker-inline" src="{{ baseurl }}static/img/leaflet-marker-green.png" />
|
||||||
{{ legend_marker_header }}
|
{{ legend_marker_green }}
|
||||||
</div>
|
<br />
|
||||||
<div class="col-lg-2 col-md-4 col-sm-12">
|
<img class="leaflet-marker-inline" src="{{ baseurl }}static/img/leaflet-marker-red.png" />
|
||||||
<img class="leaflet-marker-inline" src="{{ baseurl }}static/img/leaflet-marker-green.png" /> {{ legend_marker_green }}
|
{{ legend_marker_red }}
|
||||||
</div>
|
<br />
|
||||||
<div class="col-lg-2 col-md-4 col-sm-12">
|
<img class="leaflet-marker-inline" src="{{ baseurl }}static/img/leaflet-marker-blue.png" />
|
||||||
<img class="leaflet-marker-inline" src="{{ baseurl }}static/img/leaflet-marker-red.png" /> {{ legend_marker_red }}
|
{{ legend_marker_blue }}
|
||||||
</div>
|
</p>
|
||||||
<div class="col-lg-2 col-md-4 col-sm-12">
|
|
||||||
<img class="leaflet-marker-inline" src="{{ baseurl }}static/img/leaflet-marker-blue.png" /> {{ legend_marker_blue }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</aside>
|
|
||||||
</section>
|
</section>
|
||||||
<section id="spaces">
|
<section id="spaces">
|
||||||
<h2 class="mt-2-lg mb-1-lg">{{ h_spaces }}</h2>
|
<h2 class="mt-2-lg mb-1-lg">{{ h_spaces }}</h2>
|
||||||
|
|
Loading…
Reference in a new issue