no border on some buttons, popup

src/app/core/components/home/home.component.html

@@ -53,7 +53,7 @@
 			<div class="top">
 				<button
 					id="close_dialog"
-					class="button no-outline cancel-button-reject pull-right"
+					class="button no-outline cancel-button-reject pull-right has-no-border"
 					(click)="focusOnCancelButton()"
 				>
 					{{ 'SENTENCES.Close' | translate }} <img class="icon fa" src="assets/icons/x_blue.svg" />

src/app/features/administration/form/steps/step-four/step-four.component.html

@@ -86,7 +86,7 @@
 			<div class="column is-narrow">
 				<button
 					id="close_dialog"
-					class="button cancel-button-reject pull-right has-text-right"
+					class="button cancel-button-reject pull-right has-text-right has-no-border"
 					(click)="closeModalAndFocusOnOpenModalButton()"
 				>
 					{{ 'SENTENCES.Close' | translate }} <img class="icon fa" src="assets/icons/x_blue.svg" />

src/app/features/administration/stepper/stepper.component.html

@@ -120,7 +120,7 @@
 			<div class="top">
 				<button
 					id="close_dialog"
-					class="button cancel-button-reject pull-right img-marged-left"
+					class="button cancel-button-reject pull-right img-marged-left has-no-border"
 					(click)="focusOnCancelButton()"
 				>
 					{{ 'SENTENCES.Close' | translate }}

src/app/shared/components/selectors/language-selector/language-selector.component.html

@@ -35,7 +35,7 @@
 						<div class="top">
 							<button
 								id="close_dialog{{ idSuffix }}"
-								class="button cancel-button-reject pull-right img-marged-left"
+								class="button cancel-button-reject pull-right img-marged-left has-no-border"
 								lang="{{ currentLang }}"
 								(click)="focusOnCancelButton()"
 							>
@@ -53,7 +53,7 @@
 					<div *ngFor="let language of availableLanguages" (click)="language_to_apply = language">
 						<label
 							[attr.for]="'#lang_' + language"
-							class="lang-element button"
+							class="lang-element button has-text-left"
 							[ngClass]="{
 								'is-primary': language_to_apply === language,
 								'is-current': language === currentLang

src/app/shared/components/selectors/language-selector/language-selector.component.scss

@@ -35,11 +35,11 @@
 .lang-element {
 	float: left;
 	margin: 0.5em;
-	min-width: 8em;
 	border: 0;
 	border-radius: 2rem;
 	padding: 0.5rem 0.25rem;
 	padding-right: 1rem;
+	min-width: 12em;
 
 	&:hover {
 		background: $primary_color;

src/app/shared/components/selectors/language-selector/language-selector.component.ts

@@ -17,7 +17,7 @@ export class LanguageSelectorComponent implements OnInit {
 	public availableLanguages: any = ['FR', 'EN', 'ES'];
 	language: string;
 	language_to_apply: string;
-	display_lang_dialog: boolean = true;
+	display_lang_dialog: boolean = false;
 
 	constructor(
 		private languageService: LanguageService,

src/styles/partials/_forms.scss

@@ -96,6 +96,9 @@ textarea {
 	display: inline-block;
 	padding: 10px 30px;
 	height: auto;
+	&.has-no-border {
+		border: 0;
+	}
 }
 
 .button {