diff --git a/src/views/project/Project_detail.vue b/src/views/project/Project_detail.vue index c2abc54a4dd46760520cab3280b28e15948f7ead..826e1c61978248194abea6fa462df8e6ba28fd01 100644 --- a/src/views/project/Project_detail.vue +++ b/src/views/project/Project_detail.vue @@ -444,7 +444,10 @@ </button> </div> </div> - <div class="seven wide column"> + <div + id="map-column" + class="seven wide column" + > <div :class="{ active: mapLoading }" class="ui inverted dimmer" @@ -457,6 +460,16 @@ id="map" ref="map" /> + <div + class="ui button teal" + @click="$router.push({ + name: 'liste-signalements', + params: { slug: slug }, + })" + > + <i class="ui icon arrow right" /> + Voir tous les signalements + </div> </div> </div> @@ -1247,10 +1260,15 @@ export default { <style> +#map-column { + display: flex; + flex-direction: column; +} #map { width: 100%; height: 100%; min-height: 250px; + margin-bottom: 1em; } /* // ! missing style in semantic.min.css, je ne comprends pas comment... */ .ui.right.floated.button {