diff --git a/src/app/home/home.component.scss b/src/app/home/home.component.scss index 82bdfafba43c0b89380cb1a19ee1f36c53120def..eb5f97b21e571114d361a3e105a98e9e0bdbc8fa 100644 --- a/src/app/home/home.component.scss +++ b/src/app/home/home.component.scss @@ -15,7 +15,7 @@ } .right-pane { width: 80%; - padding: 0 40px; + padding: 0 16px; @media #{$tablet} { display: none; &.mapPhone { diff --git a/src/app/map/components/map.component.scss b/src/app/map/components/map.component.scss index cb53c0d90700caed57c3f469322e1b66bfcd58b3..8134fe5fda885a1e4f7088ef3844dc3e83cf899f 100644 --- a/src/app/map/components/map.component.scss +++ b/src/app/map/components/map.component.scss @@ -13,7 +13,7 @@ } #map { - height: calc(100vh - #{$header-height} - #{$footer-height} - 87px); + height: calc(100vh - #{$header-height} - #{$footer-height} - 60px); border: 10px solid $white; border-radius: 6px; @media #{$tablet} { @@ -69,6 +69,15 @@ } } +::ng-deep .leaflet-control-zoom { + a { + color: $grey-3; + &:hover { + color: $blue-hover; + } + } +} + ::ng-deep .leaflet-marker-icon { &.leaflet-interactive { circle { diff --git a/src/app/structure-list/components/search/search.component.html b/src/app/structure-list/components/search/search.component.html index 6e7814eb8a09356094c370be6534435163028c5e..f333a5f73879143aff92319dbbf9bd5ace099416 100644 --- a/src/app/structure-list/components/search/search.component.html +++ b/src/app/structure-list/components/search/search.component.html @@ -1,6 +1,9 @@ <div class="block"> <div class="header"> - <span class="title">Acteurs de la médiation numérique</span> + <span class="title" + >Recherche d’acteur <br /> + du réseau d’inclusion numérique</span + > </div> <div class="content" fxLayout="column"> <div class="searchSection"> @@ -12,7 +15,7 @@ (ngSubmit)="applyFilter(searchForm.value.searchTerm)" > <div class="inputSection" fxLayout="row" fxLayoutAlign="space-between center"> - <input type="text" formControlName="searchTerm" placeholder="Rechercher une commune, une association..." /> + <input type="text" formControlName="searchTerm" placeholder="Une commune, une association..." /> <button (click)="clearInput()" class="icon close" type="button"><div class="ico-close-search"></div></button> </div> <app-button diff --git a/src/app/structure-list/components/search/search.component.scss b/src/app/structure-list/components/search/search.component.scss index 89773e528bcbc3181ef547b07b5c8f315dcd33de..30116fa01b02b8d72a836fb5e1dff70cdebd1113 100644 --- a/src/app/structure-list/components/search/search.component.scss +++ b/src/app/structure-list/components/search/search.component.scss @@ -10,10 +10,9 @@ .header { .title { @include cn-bold-26; - padding: 16px 0 16px 0; + padding-bottom: 16px; display: flex; align-items: center; - text-transform: uppercase; } } .content { diff --git a/src/styles.scss b/src/styles.scss index a6fabff7a520ed058b50f3eb538c6a9d51ebda58..53df89909ff242ab624a1f1ce679cb844c2936f8 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -59,7 +59,7 @@ a { // Containers .content-container { margin: 0; - padding-top: 30px; + padding-top: 16px; width: 100%; &.medium-pt { padding: 25px 0 30px 0;