From 8faac541acf52b75f06e7567a07389221adeda35 Mon Sep 17 00:00:00 2001
From: Antoine Pierlot-Garcin <antoine@bokbox.com>
Date: Sun, 19 Nov 2023 15:26:28 +0100
Subject: [PATCH] salaire : retoruches layout

---
 src/routes/+page.svelte          |  8 ++++----
 src/routes/SalaireInterne.svelte | 13 +++++++++----
 2 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index c4d6b19..bdcd0b8 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,9 +1,9 @@
-<script>
-	import SalaireInterne from "./SalaireInterne.svelte";
+<script lang="ts">
+	import SalaireInterne from './SalaireInterne.svelte';
 </script>
 
-<div class="container h-full mx-auto flex justify-center items-center max-w-6xl px-1 sm:px-2 md:px-5">
-	<div class="flex flex-col space-y-10  items-center">
+<div class="container mx-auto flex justify-center items-center max-w-6xl px-1 sm:px-2 md:px-5">
+	<div class="flex flex-col space-y-10">
 		<div>
 			<h2 class="h2">Salaire d'interne v2</h2>
 		</div>
diff --git a/src/routes/SalaireInterne.svelte b/src/routes/SalaireInterne.svelte
index cfd934f..8689c29 100644
--- a/src/routes/SalaireInterne.svelte
+++ b/src/routes/SalaireInterne.svelte
@@ -179,7 +179,7 @@
 {@debug base, totalBrut, totalNet}
 
 <!-- ENTREES -->
-<div class="gap-3 flex flex-wrap md:grid md:grid-cols-5 md:items-center">
+<div class="gap-3 flex flex-wrap md:grid md:grid-cols-5 md:items-center align-top">
 	<div>
 		<label class="label" for="dateSalaire"><span>Date d'effet</span></label>
 		<input class="input" id="dateSalaire" value="Date" disabled />
@@ -199,6 +199,7 @@
 	<div class="flex flex-col gap-1">
 		<SlideToggle name="slider-logé" bind:checked={isLogé}>Logé</SlideToggle>
 		<SlideToggle name="slider-nourri" bind:checked={isNourri}>Nourri</SlideToggle>
+		<SlideToggle name="slider-outremer" bind:checked={estUltramarin}>Outremer</SlideToggle>
 	</div>
 	<div class="col-span-2 flex flex-col gap-1">
 		<div class="grow pb-2 flex justify-left">
@@ -220,7 +221,6 @@
 		</div>
 	</div>
 	<div class="flex flex-col gap-2">
-		<SlideToggle name="slider-outremer" bind:checked={estUltramarin}>Outremer</SlideToggle>
 		<PlusMoins bind:compteur={nbDemiGardes}>Demi-gardes</PlusMoins>
 	</div>
 	<div class="flex flex-col gap-2">
@@ -238,7 +238,7 @@
 </div>
 
 <!-- BULLETIN DE SALAIRE -->
-<div class="ficheSalaire w-full flex flex-col bg-surface-700 font-mono">
+<div class="ficheSalaire flex flex-col bg-surface-700 font-mono">
 	<div class="grow flex text-center bg-surface-600 px-1 font-bold">
 		<div class="grow text-left">&nbsp;Description</div>
 		<div class="flex-none w-24">Base</div>
@@ -332,7 +332,12 @@
 	/>
 
 	{#if tauxSource}
-		<LigneSalaire type="brut" emphase={true} label="&nbsp;TOTAL NET AVANT IMPOTS" base={totalNetAvantImpots} />
+		<LigneSalaire
+			type="brut"
+			emphase={true}
+			label="&nbsp;TOTAL NET AVANT IMPOTS"
+			base={totalNetAvantImpots}
+		/>
 	{/if}
 
 	<LigneSalaire