From 89db97e97d2662b9db0770b203e70c98260ecbb8 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 8 Feb 2025 10:27:22 +0200
Subject: [PATCH] feat(mobile): make the title smaller

---
 src/public/app/layouts/mobile_layout.ts |  2 +-
 src/public/app/widgets/note_title.ts    | 10 +++++++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/public/app/layouts/mobile_layout.ts b/src/public/app/layouts/mobile_layout.ts
index 64e698998..972ad90ef 100644
--- a/src/public/app/layouts/mobile_layout.ts
+++ b/src/public/app/layouts/mobile_layout.ts
@@ -45,7 +45,7 @@ kbd {
     background: none;
     border: none;
     cursor: pointer;
-    font-size: 1.5em;
+    font-size: 1.25em;
     padding-left: 0.5em;
     padding-right: 0.5em;
     color: var(--main-text-color);
diff --git a/src/public/app/widgets/note_title.ts b/src/public/app/widgets/note_title.ts
index 8cb333af9..9d7656f31 100644
--- a/src/public/app/widgets/note_title.ts
+++ b/src/public/app/widgets/note_title.ts
@@ -18,13 +18,21 @@ const TPL = `
     }
 
     .note-title-widget input.note-title {
-        font-size: 180%;
+        font-size: 110%;
         border: 0;
         margin: 2px 0px;
         min-width: 5em;
         width: 100%;
     }
 
+    body.mobile .note-title-widget input.note-title {
+        padding: 0;
+    }
+
+    body.desktop .note-title-widget input.note-title {
+        font-size: 180%;
+    }
+
     .note-title-widget input.note-title.protected {
         text-shadow: 4px 4px 4px var(--muted-text-color);
     }