diff --git a/src/app/structure-list/components/structure-details/structure-details.component.html b/src/app/structure-list/components/structure-details/structure-details.component.html
index c4d4bfbfeeed50e9e4b5e87e00dcf32008588db6..10af152462b4d23e5c90693c4c268ebd087db238 100644
--- a/src/app/structure-list/components/structure-details/structure-details.component.html
+++ b/src/app/structure-list/components/structure-details/structure-details.component.html
@@ -27,16 +27,18 @@
[clickable]="false"
/>
</div>
- <app-svg-icon
- #closeButton
- [asButton]="true"
- [ariaLabel]="'Fermer'"
- [folder]="'ico'"
- [icon]="'cross'"
- [iconColor]="'grey-1'"
- [iconClass]="'icon-32'"
- (action)="close()"
- />
+ <div class="hide-on-print">
+ <app-svg-icon
+ #closeButton
+ [asButton]="true"
+ [ariaLabel]="'Fermer'"
+ [folder]="'ico'"
+ [icon]="'cross'"
+ [iconColor]="'grey-1'"
+ [iconClass]="'icon-32'"
+ (action)="close()"
+ />
+ </div>
</section>
<section *ngIf="showButtons" class="actions hide-on-print">
@@ -44,11 +46,6 @@
<app-svg-icon class="icon" [folder]="'ico'" [icon]="'rdvDetail'" [iconClass]="'icon-32'" />
<div class="iconTitle">Demander un RDV</div>
</button>
- <!-- Voir le site -->
- <button *ngIf="structure.website" type="button" class="clickableDiv" (click)="goToURL(structure.website)">
- <app-svg-icon class="icon" [folder]="'ico'" [icon]="'web'" [iconClass]="'icon-32'" />
- <div class="iconTitle">Site web</div>
- </button>
<!-- Imprimer -->
<button type="button" class="printButton clickableDiv" (click)="print()">
<app-svg-icon class="icon" [folder]="'ico'" [icon]="'printStructure'" [iconClass]="'icon-32'" />
@@ -102,6 +99,18 @@
<!-- Informations -->
<section class="informations">
<h2>Informations</h2>
+ <div *ngIf="structure.website" class="inline">
+ <app-svg-icon [folder]="'tags'" [icon]="'website'" [iconClass]="'icon-20'" />
+ <div class="nearerInline hide-on-print">
+ <a target="_blank" rel="noopener noreferrer" [href]="'#'" (click)="goToURL(structure.website)">
+ Se rendre sur le site web
+ </a>
+ <app-svg-icon [folder]="'ico'" [icon]="'openInNew'" [iconClass]="'icon-16'" />
+ </div>
+ <div class="show-on-print">
+ <a target="_blank" [href]="structure.website">{{ structure.website }}</a>
+ </div>
+ </div>
<div *ngIf="structure.address" class="inline">
<app-svg-icon [folder]="'tags'" [icon]="'address'" [iconClass]="'icon-20'" />
<span>{{ structure.address.numero }} {{ structure.address.street }}</span>
diff --git a/src/app/structure-list/components/structure-details/structure-details.component.scss b/src/app/structure-list/components/structure-details/structure-details.component.scss
index 2f672d139d9d7139d5c151237d88bba61732907e..e6e095a9eba1eb31941bbed13d12535756d6f2a9 100644
--- a/src/app/structure-list/components/structure-details/structure-details.component.scss
+++ b/src/app/structure-list/components/structure-details/structure-details.component.scss
@@ -140,6 +140,10 @@ section.informations {
color: $grey-4-5-1;
}
+ .nearerInline {
+ display: flex;
+ gap: 4px;
+ }
.socials {
gap: 12px;
}
diff --git a/src/assets/ico/sprite.svg b/src/assets/ico/sprite.svg
index 204dd66cf43440caf463fe51f9038718f845b5a9..fdb6874d1a0d7dcada03d758d967ea870b0f991e 100644
--- a/src/assets/ico/sprite.svg
+++ b/src/assets/ico/sprite.svg
@@ -417,5 +417,8 @@
<path d="M8.0026 1.33398C4.3226 1.33398 1.33594 4.32065 1.33594 8.00065C1.33594 11.6807 4.3226 14.6673 8.0026 14.6673C11.6826 14.6673 14.6693 11.6807 14.6693 8.00065C14.6693 4.32065 11.6826 1.33398 8.0026 1.33398ZM8.0026 3.33398C9.10927 3.33398 10.0026 4.22732 10.0026 5.33398C10.0026 6.44065 9.10927 7.33398 8.0026 7.33398C6.89594 7.33398 6.0026 6.44065 6.0026 5.33398C6.0026 4.22732 6.89594 3.33398 8.0026 3.33398ZM8.0026 12.8007C6.33594 12.8007 4.8626 11.9473 4.0026 10.654C4.0226 9.32732 6.66927 8.60065 8.0026 8.60065C9.32927 8.60065 11.9826 9.32732 12.0026 10.654C11.1426 11.9473 9.66927 12.8007 8.0026 12.8007Z" fill="#333333"/>
</symbol>
+ <symbol id="openInNew" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+ <path d="M12 12.6667H4C3.63333 12.6667 3.33333 12.3667 3.33333 12V4C3.33333 3.63333 3.63333 3.33333 4 3.33333H7.33333C7.7 3.33333 8 3.03333 8 2.66667C8 2.3 7.7 2 7.33333 2H3.33333C2.59333 2 2 2.6 2 3.33333V12.6667C2 13.4 2.6 14 3.33333 14H12.6667C13.4 14 14 13.4 14 12.6667V8.66667C14 8.3 13.7 8 13.3333 8C12.9667 8 12.6667 8.3 12.6667 8.66667V12C12.6667 12.3667 12.3667 12.6667 12 12.6667ZM9.33333 2.66667C9.33333 3.03333 9.63333 3.33333 10 3.33333H11.7267L5.64 9.42C5.38 9.68 5.38 10.1 5.64 10.36C5.9 10.62 6.32 10.62 6.58 10.36L12.6667 4.27333V6C12.6667 6.36667 12.9667 6.66667 13.3333 6.66667C13.7 6.66667 14 6.36667 14 6V2.66667C14 2.3 13.7 2 13.3333 2H10C9.63333 2 9.33333 2.3 9.33333 2.66667Z" fill="#333333"/>
+ </symbol>
</svg>
diff --git a/src/assets/tags/sprite.svg b/src/assets/tags/sprite.svg
index 8c54a38862cdfc922d9211ef9ad45bd198164acc..cbbe0347ec0602b64ec9c5f755ea79d7c770069a 100644
--- a/src/assets/tags/sprite.svg
+++ b/src/assets/tags/sprite.svg
@@ -140,5 +140,4 @@
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.925 20H10.8844H8.20312V11.3062H10.925V20ZM9.54375 10.1281C9.11042 10.1281 8.74479 9.97917 8.44687 9.68125C8.14896 9.35625 8 8.99062 8 8.58437C8 8.15104 8.14896 7.78542 8.44687 7.4875C8.74479 7.1625 9.11042 7 9.54375 7C9.97708 7 10.3427 7.1625 10.6406 7.4875C10.9656 7.78542 11.1281 8.15104 11.1281 8.58437C11.1281 8.99062 10.9656 9.35625 10.6406 9.68125C10.3427 9.97917 9.97708 10.1281 9.54375 10.1281ZM21 15.2469V20H18.3187V15.775C18.3187 15.45 18.3052 15.1927 18.2781 15.0031C18.251 14.7865 18.1969 14.5427 18.1156 14.2719C18.0615 14.001 17.926 13.7979 17.7094 13.6625C17.4927 13.5271 17.2219 13.4594 16.8969 13.4594C16.274 13.4594 15.8542 13.6625 15.6375 14.0687C15.4208 14.475 15.3125 15.0167 15.3125 15.6937V20H12.5906V11.3062H15.1906V12.4844H15.2312C15.4208 12.1052 15.7323 11.7802 16.1656 11.5094C16.626 11.2385 17.1677 11.1031 17.7906 11.1031C18.4406 11.1031 18.9823 11.2115 19.4156 11.4281C19.876 11.6177 20.2146 11.9156 20.4312 12.3219C20.6479 12.701 20.7969 13.1208 20.8781 13.5812C20.9594 14.0417 21 14.5969 21 15.2469Z" fill="#333333"/>
</symbol>
-
</svg>