From d319587dab020a05e805cbb4ffb9e46f8cf705ff Mon Sep 17 00:00:00 2001
From: Pierre-Olivier Mercier <nemunaire@nemunai.re>
Date: Thu, 2 Sep 2021 09:59:58 +0200
Subject: [PATCH] ui: Fix responsiveness on home page

---
 frontend/ui/src/components/HeaderClock.svelte | 2 +-
 frontend/ui/src/routes/index.svelte           | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/ui/src/components/HeaderClock.svelte b/frontend/ui/src/components/HeaderClock.svelte
index 739c48fc..bd717178 100644
--- a/frontend/ui/src/components/HeaderClock.svelte
+++ b/frontend/ui/src/components/HeaderClock.svelte
@@ -10,7 +10,7 @@
 {#if $settings}
     {#if $settings.end - $settings.start > 0}
         <div
-            class="clock display-2"
+            class="clock display-2 text-end text-md-center"
             class:expired={$time.expired}
             class:end={$time.end}
             class:wait={$time.startIn}
diff --git a/frontend/ui/src/routes/index.svelte b/frontend/ui/src/routes/index.svelte
index d947ec5d..22d39207 100644
--- a/frontend/ui/src/routes/index.svelte
+++ b/frontend/ui/src/routes/index.svelte
@@ -47,7 +47,7 @@
         {/if}
     {/if}
 
-    <Row cols="3">
+    <Row cols={{ lg: 3, md: 2, sm: 1 }}>
         {#each Object.keys($themes) as th, index}
             <Col class="mb-3">
             <CardTheme