gestion des providers

backend/web/src/routes/layout.css

@@ -8,35 +8,45 @@ html {
 	@apply h-full;
 }
 body {
-	@apply h-full bg-stone-100 text-stone-900 dark:bg-stone-900 dark:text-stone-200;
+	@apply h-full bg-stone-100 text-stone-950 dark:bg-stone-950 dark:text-stone-100;
 }
 
-label {
+.formelement > label {
 	@apply text-xs text-stone-600 uppercase dark:text-stone-400;
 }
 hr {
 	@apply border-stone-200 dark:border-stone-800;
 }
 h2 {
-	@apply mb-4 font-bold;
+	@apply mb-4 text-base font-bold;
+}
+
+.container {
+	@apply mx-auto max-w-3xl;
 }
 
 .pointer {
 	@apply cursor-pointer;
 }
 .bt {
+	appearance: button;
 	@apply cursor-pointer rounded bg-stone-300 px-4 py-1 font-bold hover:bg-stone-200 dark:bg-stone-800 dark:hover:bg-stone-700;
+	&.small {
+		@apply px-2 py-1;
+	}
 }
 .menuitem {
-	@apply text-stone-800 text-stone-950 dark:text-stone-300 hover:dark:text-stone-50;
+	@apply text-stone-950 dark:text-stone-300 hover:dark:text-stone-50;
 }
 
 .header {
-	@apply p-2 text-lg;
+	@apply py-2 text-lg font-bold;
 
+	/*
 	h1 {
-		@apply rounded bg-stone-200 px-2 font-bold text-sky-600 dark:bg-stone-800 dark:text-sky-200;
+		@apply rounded bg-stone-200 px-2 font-bold uppercase dark:bg-stone-800;
 	}
+	*/
 
 	&.settings {
 		h1 {
@@ -53,10 +63,6 @@ h2 {
 	@apply text-sky-500;
 }
 
-.formgroup {
-	@apply rounded border border-stone-300 bg-stone-100 p-2 dark:border-stone-700 dark:bg-stone-900;
-}
-
 #outer {
 	@apply flex h-full flex-row;
 }
@@ -94,7 +100,7 @@ h2 {
 		@apply ml-10;
 	}
 	#sidebar {
-		@apply fixed left-0 h-full w-full bg-stone-100 dark:bg-stone-900;
+		@apply fixed left-0 h-full w-full bg-stone-100 dark:bg-stone-950;
 	}
 	.mobileMenuClosed {
 		#sidebar {
@@ -103,14 +109,24 @@ h2 {
 	}
 }
 
-/* svelte select */
+/* form */
 
-.textinput {
-	@apply h-8 w-full rounded border-stone-700 bg-white px-2 py-1 text-stone-900 dark:bg-stone-800 dark:text-stone-100;
+.formgroup {
+	@apply rounded border border-stone-300 bg-stone-100 p-2 text-sm dark:border-stone-700 dark:bg-stone-900;
 }
 
+.formelement {
+	@apply mb-3;
+}
+
+.textinput {
+	@apply h-8 w-full rounded border-stone-700 bg-stone-50 px-2 py-1 text-sm text-stone-900 dark:bg-stone-950 dark:text-stone-100;
+}
+
+/* svelte select */
+
 .svelte-select {
-	@apply relative flex h-8 w-full border-none text-stone-900 dark:bg-stone-800 dark:text-stone-100;
+	@apply relative flex h-8 w-full border-none text-stone-900 dark:bg-stone-950 dark:text-stone-100;
 }
 
 .svelte-select .value-container {
@@ -187,7 +203,7 @@ h2 {
 }
 
 .svelte-select-list .list-group-title {
-	@apply h-8 cursor-default px-5 text-sm leading-10 font-medium overflow-ellipsis whitespace-nowrap text-gray-400 uppercase;
+	@apply h-8 cursor-default px-5 text-sm leading-10 font-medium text-ellipsis whitespace-nowrap text-gray-400 uppercase;
 }
 
 .svelte-select-list .empty {
@@ -195,7 +211,7 @@ h2 {
 }
 
 .svelte-select-item {
-	@apply h-8 cursor-default overflow-hidden px-5 leading-10 overflow-ellipsis whitespace-nowrap text-gray-800;
+	@apply h-8 cursor-default overflow-hidden px-5 leading-10 text-ellipsis whitespace-nowrap text-gray-800;
 }
 
 .item.group-item {
@@ -223,7 +239,7 @@ h2 {
 }
 
 .multi-item {
-	@apply mt-1 mr-1 flex h-8 max-w-full cursor-default items-center overflow-hidden rounded-sm border border-gray-200 bg-gray-100 pr-1 pl-1 leading-8 overflow-ellipsis whitespace-nowrap;
+	@apply mt-1 mr-1 flex h-8 max-w-full cursor-default items-center overflow-hidden rounded-sm border border-gray-200 bg-gray-100 pr-1 pl-1 leading-8 text-ellipsis whitespace-nowrap;
 }
 
 .multi-item.disabled {