From f32a6e2f98c5d330c34ec0b4cb29f2946675d0db Mon Sep 17 00:00:00 2001
From: Georgi Gardev <georgi@gar.dev>
Date: Sat, 18 Nov 2023 17:19:15 +0200
Subject: [PATCH] style improvements

---
 src/components/apps/AppList.module.css | 2 +-
 src/components/widgets/Date.module.css | 4 ++--
 src/components/widgets/Search.tsx      | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/apps/AppList.module.css b/src/components/apps/AppList.module.css
index 9435659..a5f080c 100644
--- a/src/components/apps/AppList.module.css
+++ b/src/components/apps/AppList.module.css
@@ -22,7 +22,7 @@
 
 .AppList {
   display: flex;
-  gap: .5rem;
+  gap: clamp(.5rem, 1vw, 2rem);
   margin: 0 auto 2rem;
   flex-wrap: wrap;
 }
diff --git a/src/components/widgets/Date.module.css b/src/components/widgets/Date.module.css
index b40387e..526d964 100644
--- a/src/components/widgets/Date.module.css
+++ b/src/components/widgets/Date.module.css
@@ -8,13 +8,13 @@
 }
 
 .Date {
-  font-size: max(3vw, 2.5rem);
+  font-size: clamp(2.5rem, 3vw, 6rem);
   margin-bottom: max(1vw, 1rem);
   line-height: 1.1;
 }
 
 .Time {
-  font-size: max(1.5vw, 1.5rem);
+  font-size: clamp(1.5rem, 1.5vw, 3.5rem);
   text-shadow: 1px 1px 4px #000;
 }
 
diff --git a/src/components/widgets/Search.tsx b/src/components/widgets/Search.tsx
index 329bb88..033dd5a 100644
--- a/src/components/widgets/Search.tsx
+++ b/src/components/widgets/Search.tsx
@@ -43,7 +43,7 @@ export function Search() {
         id="search"
         class={style.Search}
         type="text"
-        placeholder={`Lorem ipsum`}
+        placeholder="Search..."
         value={term()}
         onInput={(e) => setTerm(e.target.value)}
         onKeyPress={(e) => {