fix: minor ui changes

frontend/src/components/Modals/Settings.vue

@@ -114,17 +114,6 @@ const tabsStructure = computed(() => {
 				},
 			],
 		},
-		{
-			label: 'Settings',
-			hideLabel: true,
-			items: [
-				{
-					label: 'Categories',
-					description: 'Manage the members of your learning system',
-					icon: 'Network',
-				},
-			],
-		},
 		{
 			label: 'Settings',
 			hideLabel: true,
@@ -166,6 +155,17 @@ const tabsStructure = computed(() => {
 				},
 			],
 		},
+		{
+			label: 'Settings',
+			hideLabel: true,
+			items: [
+				{
+					label: 'Categories',
+					description: 'Manage the members of your learning system',
+					icon: 'Network',
+				},
+			],
+		},
 		{
 			label: 'Customise',
 			hideLabel: false,

frontend/src/components/PaymentSettings.vue

@@ -1,5 +1,5 @@
 <template>
-	<div class="flex flex-col min-h-0">
+	<div class="flex flex-col h-full">
 		<div class="flex items-center justify-between">
 			<div class="text-xl font-semibold mb-1">
 				{{ label }}
@@ -21,11 +21,11 @@
 					class="w-1/2"
 				/>
 			</div>
-			<div class="flex flex-row-reverse mt-auto">
+		</div>
-				<Button variant="solid" @click="update">
+		<div class="flex flex-row-reverse mt-auto">
-					{{ __('Update') }}
+			<Button variant="solid" @click="update">
-				</Button>
+				{{ __('Update') }}
-			</div>
+			</Button>
 		</div>
 	</div>
 </template>