From f7fc65fdba1bdbc731c4e282f9869c82f51b6d94 Mon Sep 17 00:00:00 2001
From: Alexis Sellier <self@cloudhead.io>
Date: Mon, 28 Jun 2021 00:52:35 +0200
Subject: [PATCH] Update and fix some styles

---
 src/BlockTimer.svelte | 11 +++++------
 src/Modal.svelte      | 11 +++++++++++
 2 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/src/BlockTimer.svelte b/src/BlockTimer.svelte
index ccf159519..d552b248a 100644
--- a/src/BlockTimer.svelte
+++ b/src/BlockTimer.svelte
@@ -15,16 +15,15 @@
 <style>
   .parent {
     text-align: center;
-    height: 20px;
-    width: 290px;
-    border-radius: 5px;
+    height: 0.5rem;
+    width: 100%;
+    border-radius: 0.25rem;
     background-color: var(--color-secondary-background);
   }
   .loader {
-    color: #fff;
-    height: 20px;
+    height: 0.5rem;
     width: 0px;
-    border-radius: 5px;
+    border-radius: 0.25rem;
     background-color: var(--color-secondary);
   }
 </style>
diff --git a/src/Modal.svelte b/src/Modal.svelte
index 27deea1cf..afe3fc5d1 100644
--- a/src/Modal.svelte
+++ b/src/Modal.svelte
@@ -28,12 +28,19 @@
   .modal {
     padding: 2rem 3rem;
     border: 1px solid var(--color-secondary);
+    font-family: var(--font-family-sans-serif);
     background: var(--color-background);
     box-shadow: 8px 8px 64px var(--box-shadow-color);
     min-width: 480px;
     max-width: 760px;
     text-align: center;
   }
+  .modal.error .modal-title,
+  .modal.error .modal-subtitle,
+  .modal.error .modal-body,
+  .modal.error .modal-actions {
+    color: var(--color-negative);
+  }
   .modal.modal-narrow {
     max-width: 600px;
   }
@@ -52,6 +59,7 @@
     );
   }
   .modal-title {
+    color: var(--color-foreground);
     font-size: 1.25rem;
     font-weight: bold;
     line-height: 2.625rem;
@@ -62,11 +70,14 @@
   }
   .modal-subtitle {
     color: var(--color-secondary);
+    font-size: 1rem;
     max-width: 90%;
     margin: 0 auto;
     line-height: 1.5;
   }
   .modal-body {
+    color: var(--color-foreground);
+    font-size: 1rem;
     overflow-x: hidden;
     text-overflow: ellipsis;
     margin: 3rem 0;