From bc40572e27f8b230eb0faa4559d5bb18c69d3734 Mon Sep 17 00:00:00 2001
From: robin <binkrassdufass@gmail.com>
Date: Wed, 27 Sep 2023 15:06:42 +0000
Subject: [PATCH] fixes

---
 frontend/media/arrow-right.svg                |  2 +-
 frontend/src/lib/components/Footer.svelte     | 32 +++++++++----------
 .../pagebuilder/form/datepicker.svelte        |  2 +-
 3 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/frontend/media/arrow-right.svg b/frontend/media/arrow-right.svg
index cdff550..0167f5f 100644
--- a/frontend/media/arrow-right.svg
+++ b/frontend/media/arrow-right.svg
@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11H4z" fill="#672129"/>
+    <path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11H4z" fill="rgb(200, 106, 0);"/>
 </svg>
diff --git a/frontend/src/lib/components/Footer.svelte b/frontend/src/lib/components/Footer.svelte
index 4654781..4bfc8f0 100644
--- a/frontend/src/lib/components/Footer.svelte
+++ b/frontend/src/lib/components/Footer.svelte
@@ -25,6 +25,22 @@
                         fill="var(--normal-font-color)"></path>
                 </svg>
             </a>
+            <button
+                class="darklight"
+                on:click="{() => {
+                    const body = document.querySelector('body')
+                    if (body) {
+                        body.classList.toggle('darkTheme')
+                    }
+                    $darkMode = !$darkMode
+                }}"
+            >
+                {#if !$darkMode}
+                    <img src="/media/dark.svg" alt="darkmode" />
+                {:else}
+                    <img src="/media/light.svg" alt="lightmode" />
+                {/if}
+            </button>
         </div>
     </div>
     <div class="services">
@@ -36,22 +52,6 @@
             >
         {/each}
     </div>
-    <button
-        class="darklight"
-        on:click="{() => {
-            const body = document.querySelector('body')
-            if (body) {
-                body.classList.toggle('darkTheme')
-            }
-            $darkMode = !$darkMode
-        }}"
-    >
-        {#if !$darkMode}
-            <img src="/media/dark.svg" alt="darkmode" />
-        {:else}
-            <img src="/media/light.svg" alt="lightmode" />
-        {/if}
-    </button>
 </div>
 
 <style lang="less">
diff --git a/frontend/src/lib/components/pagebuilder/form/datepicker.svelte b/frontend/src/lib/components/pagebuilder/form/datepicker.svelte
index 65cd065..5d3c9e5 100644
--- a/frontend/src/lib/components/pagebuilder/form/datepicker.svelte
+++ b/frontend/src/lib/components/pagebuilder/form/datepicker.svelte
@@ -114,7 +114,7 @@
     .container {
         width: 100%;
         display: flex;
-        justify-content: center;
+        justify-content: flex-start;
         --fds-solid-background-quarternary: var(--background-color);
         --fds-text-primary: var(--normal-font-color);
         --fds-text-secondary: var(--normal-font-color-80);