⚡ refacto feedback, 🎨 style for popup links, place icons before text

src/app/app.module.ts

@@ -60,7 +60,6 @@ export function HttpLoaderFactory(http: HttpClient): TranslateHttpLoader {
 			},
 			useDefaultLang: false,
 		}),
-		OldStuffModule,
 		ParticipationModule,
 	],
 	providers: [Title, TranslateService],

src/app/features/participation/participation.module.ts

@@ -6,11 +6,10 @@ import { SharedModule } from '../../shared/shared.module';
 import { ParticipationRoutingModule } from './participation-routing.module';
 import { ParticipationComponent } from './participation.component';
 import { PollComponent } from './poll/poll.component';
-import { FeedbackComponent } from './feedback/feedback.component';
 
 @NgModule({
-	declarations: [ParticipationComponent, PollComponent, FeedbackComponent],
+	declarations: [ParticipationComponent, PollComponent],
 	imports: [CommonModule, ParticipationRoutingModule, SharedModule, TranslateModule.forChild({ extend: true })],
-	exports: [FeedbackComponent],
+	exports: [],
 })
 export class ParticipationModule {}

src/app/shared/components/feedback/feedback.component.html

@@ -1,20 +1,20 @@
 <div class="feedback-container">
 	<div class="feedback-choices" *ngIf="isOpen" [ngClass]="{ active: isOpen }">
 		<a class="link" href="mailto:contact@cipherbliss.com">
+			<i class="fa fa-mail-forward"></i>
 			Par email
-			<i class="fa fa-mail"></i>
 		</a>
 		<a class="link" href="https://riot.im/app/#/room/#framadate:matrix.org">
+			<i class="fa fa-matrix-org"></i>
 			Par Matrix
-			<i class="fa fa-mail"></i>
 		</a>
 		<a class="link" href="https://framateam.org/ux-framatrucs/channels/framadate">
-			Discuter sur Framateam
 			<i class="fa fa-comments"></i>
+			Discuter sur Framateam
 		</a>
 		<a class="link" href="https://framagit.org/framasoft/framadate/funky-framadate-front">
-			Créer une Issue sur Framagit
 			<i class="fa fa-gitlab"></i>
+			Créer une Issue sur Framagit
 		</a>
 	</div>
 	<div class="button" (click)="isOpen = !isOpen" [ngClass]="{ active: isOpen }">

src/app/shared/components/feedback/feedback.component.scss

@@ -5,7 +5,7 @@
 	color: white;
 	.feedback-choices {
 		&.active {
-			background: #8eb6ed;
+			background: #0c5593;
 			border-radius: 0.5em;
 			padding: 1em;
 			margin-bottom: 0.5em;
@@ -15,12 +15,11 @@
 		margin: 1ch;
 		display: block;
 		max-width: 10em;
-		a {
+		color: white;
-			color: white;
+		padding: 0.5rem 1rem;
-			&:hover {
+		&:hover {
-				background: white;
+			background: white;
-				color: black;
+			color: black;
-			}
 		}
 	}
 	i {

src/app/shared/shared.module.ts

@@ -17,9 +17,10 @@ import { ConfirmationService, MessageService } from 'primeng/api';
 
 import { PageNotFoundComponent } from './components/page-not-found/page-not-found.component';
 import { PollPageComponent } from './components/poll-page/poll-page.component';
+import { FeedbackComponent } from './components/feedback/feedback.component';
 
 @NgModule({
-	declarations: [PageNotFoundComponent, PollPageComponent],
+	declarations: [PageNotFoundComponent, PollPageComponent, FeedbackComponent],
 	imports: [
 		CommonModule,
 		ChartsModule,
@@ -38,6 +39,7 @@ import { PollPageComponent } from './components/poll-page/poll-page.component';
 		ChartsModule,
 		ConfirmDialogModule,
 		DialogModule,
+		FeedbackComponent,
 		InputSwitchModule,
 		InputTextareaModule,
 		MessageModule,