From 12b8fe0ec470876f506bb64c69644cb1d1a628d7 Mon Sep 17 00:00:00 2001
From: Hugo SUBTIL <ext.sopra.husubtil@grandlyon.com>
Date: Wed, 10 Feb 2021 18:48:41 +0100
Subject: [PATCH] fix: firefox issue on hour picker

---
 .../structure-details.component.html          | 74 ++++++++++---------
 src/assets/scss/_inputs.scss                  |  2 +-
 2 files changed, 39 insertions(+), 37 deletions(-)

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 6b15486ef..5f2d23285 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
@@ -64,42 +64,44 @@
           </div>
           <div *ngIf="structure.hasSocialNetwork()" fxLayout="row" fxLayoutAlign="none baseline" fxLayoutGap="13px">
             <app-svg-icon [type]="'ico'" [icon]="'network'"></app-svg-icon>
-            <a
-              *ngIf="structure.facebook"
-              target="_blank"
-              class="custom-link"
-              rel="noopener noreferrer"
-              [href]="'http://' + structure.facebook"
-            >
-              <app-svg-icon [type]="'ico'" [icon]="'facebook'" [title]="Facebook"></app-svg-icon
-            ></a>
-            <a
-              *ngIf="structure.twitter"
-              target="_blank"
-              class="custom-link"
-              rel="noopener noreferrer"
-              [href]="'http://' + structure.twitter"
-            >
-              <app-svg-icon [type]="'ico'" [icon]="'twitter'" [title]="Twitter"></app-svg-icon
-            ></a>
-            <a
-              *ngIf="structure.instagram"
-              target="_blank"
-              class="custom-link"
-              rel="noopener noreferrer"
-              [href]="'http://' + structure.instagram"
-            >
-              <app-svg-icon [type]="'ico'" [icon]="'instagram'" [title]="Instagram"></app-svg-icon
-            ></a>
-            <a
-              *ngIf="structure.linkedin"
-              target="_blank"
-              class="custom-link"
-              rel="noopener noreferrer"
-              [href]="'http://' + structure.linkedin"
-            >
-              <app-svg-icon [type]="'ico'" [icon]="'linkedin'" [title]="Linkedin"></app-svg-icon
-            ></a>
+            <div fxLayout="row" fxLayoutAlign="none baseline" fxLayoutGap="8px">
+              <a
+                *ngIf="structure.facebook"
+                target="_blank"
+                class="custom-link"
+                rel="noopener noreferrer"
+                [href]="'http://' + structure.facebook"
+              >
+                <app-svg-icon [type]="'ico'" [icon]="'facebook'" [title]="Facebook"></app-svg-icon
+              ></a>
+              <a
+                *ngIf="structure.twitter"
+                target="_blank"
+                class="custom-link"
+                rel="noopener noreferrer"
+                [href]="'http://' + structure.twitter"
+              >
+                <app-svg-icon [type]="'ico'" [icon]="'twitter'" [title]="Twitter"></app-svg-icon
+              ></a>
+              <a
+                *ngIf="structure.instagram"
+                target="_blank"
+                class="custom-link"
+                rel="noopener noreferrer"
+                [href]="'http://' + structure.instagram"
+              >
+                <app-svg-icon [type]="'ico'" [icon]="'instagram'" [title]="Instagram"></app-svg-icon
+              ></a>
+              <a
+                *ngIf="structure.linkedin"
+                target="_blank"
+                class="custom-link"
+                rel="noopener noreferrer"
+                [href]="'http://' + structure.linkedin"
+              >
+                <app-svg-icon [type]="'ico'" [icon]="'linkedin'" [title]="Linkedin"></app-svg-icon
+              ></a>
+            </div>
           </div>
           <div *ngIf="structure.contactPhone" fxLayout="row" fxLayoutAlign="none flex-end" fxLayoutGap="13px">
             <app-svg-icon [type]="'ico'" [icon]="'tel'"></app-svg-icon>
diff --git a/src/assets/scss/_inputs.scss b/src/assets/scss/_inputs.scss
index c9fbb4a9f..477d2319b 100644
--- a/src/assets/scss/_inputs.scss
+++ b/src/assets/scss/_inputs.scss
@@ -31,7 +31,7 @@
 .switch {
   position: relative;
   display: inline-block;
-  width: 60px;
+  margin-left: -55px;
   height: 34px;
 }
 
-- 
GitLab