From 166dfa96c75bacebaba78332791fc8aadffae698 Mon Sep 17 00:00:00 2001
From: Thomas Junk <thomas.junk@intevation.de>
Date: Wed, 15 Nov 2023 11:44:35 +0100
Subject: [PATCH] style: error msg responsive

---
 src/lib/feedview/Loader.svelte        | 5 ++++-
 src/lib/singleview/LoadFromURL.svelte | 6 ++++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/lib/feedview/Loader.svelte b/src/lib/feedview/Loader.svelte
index 7a2749c..d06c65e 100644
--- a/src/lib/feedview/Loader.svelte
+++ b/src/lib/feedview/Loader.svelte
@@ -69,7 +69,10 @@
 </div>
 {#if $appStore.ui.feedErrorMsg}
   <div class="row">
-    <div class="col"><div class="errors text-error">{$appStore.ui.feedErrorMsg}</div></div>
+    <div class="col-6 col-3-lg" />
+    <div class="col-6 col-9-lg">
+      <div class="errors text-error">{$appStore.ui.feedErrorMsg}</div>
+    </div>
   </div>
 {/if}
 
diff --git a/src/lib/singleview/LoadFromURL.svelte b/src/lib/singleview/LoadFromURL.svelte
index d8bd24d..e4e767e 100644
--- a/src/lib/singleview/LoadFromURL.svelte
+++ b/src/lib/singleview/LoadFromURL.svelte
@@ -66,13 +66,15 @@
 </div>
 {#if $appStore.ui.singleErrorMsg}
   <div class="row">
-    <div class="col"><div class="errors text-error">{$appStore.ui.singleErrorMsg}</div></div>
+    <div class="col-6 col-3-lg" />
+    <div class="col-6 col-9-lg">
+      <div class="errors text-error">{$appStore.ui.singleErrorMsg}</div>
+    </div>
   </div>
 {/if}
 
 <style>
   .errors {
-    margin-left: 200px;
     font-size: x-large;
     font-weight: bold;
   }