From 1b8970b34aae337edfe5567315cc36319add1ff7 Mon Sep 17 00:00:00 2001
From: Pieter Vander Vennet <pietervdvn@posteo.net>
Date: Tue, 8 Aug 2023 20:46:40 +0200
Subject: [PATCH] Fix: small CSS fix

---
 src/UI/Popup/DeleteFlow/DeleteWizard.svelte | 45 ++++++++++-----------
 1 file changed, 22 insertions(+), 23 deletions(-)

diff --git a/src/UI/Popup/DeleteFlow/DeleteWizard.svelte b/src/UI/Popup/DeleteFlow/DeleteWizard.svelte
index 5135b7ff9e..9a895f4477 100644
--- a/src/UI/Popup/DeleteFlow/DeleteWizard.svelte
+++ b/src/UI/Popup/DeleteFlow/DeleteWizard.svelte
@@ -1,24 +1,24 @@
 <script lang="ts">
-  import LoginToggle from "../../Base/LoginToggle.svelte"
-  import type { SpecialVisualizationState } from "../../SpecialVisualization"
-  import Translations from "../../i18n/Translations"
-  import Tr from "../../Base/Tr.svelte"
-  import { InformationCircleIcon, TrashIcon } from "@babeard/svelte-heroicons/mini"
-  import type { OsmId, OsmTags } from "../../../Models/OsmFeature"
-  import DeleteConfig from "../../../Models/ThemeConfig/DeleteConfig"
-  import TagRenderingQuestion from "../TagRendering/TagRenderingQuestion.svelte"
-  import type { Feature } from "geojson"
-  import { UIEventSource } from "../../../Logic/UIEventSource"
-  import LayerConfig from "../../../Models/ThemeConfig/LayerConfig"
-  import { TagsFilter } from "../../../Logic/Tags/TagsFilter"
-  import { XCircleIcon } from "@rgossiaux/svelte-heroicons/solid"
-  import { TagUtils } from "../../../Logic/Tags/TagUtils"
-  import OsmChangeAction from "../../../Logic/Osm/Actions/OsmChangeAction"
-  import DeleteAction from "../../../Logic/Osm/Actions/DeleteAction"
-  import ChangeTagAction from "../../../Logic/Osm/Actions/ChangeTagAction"
-  import Loading from "../../Base/Loading.svelte"
-  import { DeleteFlowState } from "./DeleteFlowState"
-  import { twJoin } from "tailwind-merge"
+  import LoginToggle from "../../Base/LoginToggle.svelte";
+  import type { SpecialVisualizationState } from "../../SpecialVisualization";
+  import Translations from "../../i18n/Translations";
+  import Tr from "../../Base/Tr.svelte";
+  import { TrashIcon } from "@babeard/svelte-heroicons/mini";
+  import type { OsmId, OsmTags } from "../../../Models/OsmFeature";
+  import DeleteConfig from "../../../Models/ThemeConfig/DeleteConfig";
+  import TagRenderingQuestion from "../TagRendering/TagRenderingQuestion.svelte";
+  import type { Feature } from "geojson";
+  import { UIEventSource } from "../../../Logic/UIEventSource";
+  import LayerConfig from "../../../Models/ThemeConfig/LayerConfig";
+  import { TagsFilter } from "../../../Logic/Tags/TagsFilter";
+  import { XCircleIcon } from "@rgossiaux/svelte-heroicons/solid";
+  import { TagUtils } from "../../../Logic/Tags/TagUtils";
+  import OsmChangeAction from "../../../Logic/Osm/Actions/OsmChangeAction";
+  import DeleteAction from "../../../Logic/Osm/Actions/DeleteAction";
+  import ChangeTagAction from "../../../Logic/Osm/Actions/ChangeTagAction";
+  import Loading from "../../Base/Loading.svelte";
+  import { DeleteFlowState } from "./DeleteFlowState";
+  import { twJoin } from "tailwind-merge";
 
   export let state: SpecialVisualizationState
   export let deleteConfig: DeleteConfig
@@ -83,10 +83,9 @@
 </script>
 
 {#if $canBeDeleted === false && !hasSoftDeletion}
-  <div class="low-interaction flex">
-    <InformationCircleIcon class="h-6 w-6" />
+  <div class="low-interaction flex flex-col">
     <Tr t={$canBeDeletedReason} />
-    <Tr class="subtle" t={t.useSomethingElse} />
+    <Tr cls="subtle" t={t.useSomethingElse} />
   </div>
 {:else}
   <LoginToggle ignoreLoading={true} {state}>