From 0595e8d5f515cfcf738e05cbcb94cbe2e565c5a1 Mon Sep 17 00:00:00 2001
From: sam <sam@sleepycat.moe>
Date: Sun, 20 Aug 2023 22:50:23 +0200
Subject: [PATCH] fix(frontend): fix 'sticky' info message on edit fields page

---
 .../@[username]/[memberName]/edit/fields/+page.svelte       | 6 +++---
 frontend/src/routes/@[username]/edit/fields/+page.svelte    | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/routes/@[username]/[memberName]/edit/fields/+page.svelte b/frontend/src/routes/@[username]/[memberName]/edit/fields/+page.svelte
index 1134a3c..7e642bb 100644
--- a/frontend/src/routes/@[username]/[memberName]/edit/fields/+page.svelte
+++ b/frontend/src/routes/@[username]/[memberName]/edit/fields/+page.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { getContext } from "svelte";
   import type { Writable } from "svelte/store";
-  import { Alert, Button, Icon } from "sveltestrap";
+  import { Button, Icon } from "sveltestrap";
 
   import type { Member } from "$lib/api/entities";
   import EditableField from "$lib/components/edit/EditableField.svelte";
@@ -27,10 +27,10 @@
 </script>
 
 {#if $member.fields.length === 0}
-  <Alert class="mt-3" color="secondary" fade={false}>
+  <div class="my-2">
     Fields are extra categories you can add separate from names and pronouns.<br />
     For example, you could use them for gender terms, honorifics, or compliments.
-  </Alert>
+  </div>
 {/if}
 <div class="grid gap-3">
   <div class="row row-cols-1 row-cols-md-2">
diff --git a/frontend/src/routes/@[username]/edit/fields/+page.svelte b/frontend/src/routes/@[username]/edit/fields/+page.svelte
index c08f339..d5d15e2 100644
--- a/frontend/src/routes/@[username]/edit/fields/+page.svelte
+++ b/frontend/src/routes/@[username]/edit/fields/+page.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { getContext } from "svelte";
   import type { Writable } from "svelte/store";
-  import { Alert, Button, Icon } from "sveltestrap";
+  import { Button, Icon } from "sveltestrap";
 
   import type { MeUser } from "$lib/api/entities";
   import EditableField from "$lib/components/edit/EditableField.svelte";
@@ -27,10 +27,10 @@
 </script>
 
 {#if $user.fields.length === 0}
-  <Alert class="mt-3" color="secondary" fade={false}>
+  <div class="my-2">
     Fields are extra categories you can add separate from names and pronouns.<br />
     For example, you could use them for gender terms, honorifics, or compliments.
-  </Alert>
+  </div>
 {/if}
 <div class="grid gap-3">
   <div class="row row-cols-1 row-cols-md-2">