From 21c566479962cd7ecfa6dccd929b3069d0b201f9 Mon Sep 17 00:00:00 2001
From: Kit La Touche <kit@transneptune.net>
Date: Mon, 13 Jan 2025 17:30:29 -0500
Subject: Add initial fonts

We're not using Overlock currently, but I think it'll be good on headers
and stuff?
---
 ui/styles/textarea.css | 1 +
 1 file changed, 1 insertion(+)

(limited to 'ui/styles/textarea.css')

diff --git a/ui/styles/textarea.css b/ui/styles/textarea.css
index b45a66d..b4d1a93 100644
--- a/ui/styles/textarea.css
+++ b/ui/styles/textarea.css
@@ -14,6 +14,7 @@
   flex-grow: 1;
   background-color: var(--colour-input-bg);
   color: var(--colour-input-text);
+  font-family: "FiraCode";
 }
 
 .create-message button {
-- 
cgit v1.2.3


From d42455bd4a39d5c0944aaf25b24a548de3213e75 Mon Sep 17 00:00:00 2001
From: Kit La Touche <kit@transneptune.net>
Date: Fri, 17 Jan 2025 21:59:10 -0500
Subject: Make mobile UI look a little better

The rounded corners on an iPhone shouldn't be cut off now.
---
 ui/styles/messages.css | 4 ++--
 ui/styles/textarea.css | 4 ++++
 2 files changed, 6 insertions(+), 2 deletions(-)

(limited to 'ui/styles/textarea.css')

diff --git a/ui/styles/messages.css b/ui/styles/messages.css
index 3f0aa3b..f32ec3e 100644
--- a/ui/styles/messages.css
+++ b/ui/styles/messages.css
@@ -11,7 +11,7 @@
 .own-message {
   background-color: var(--colour-message-run-self-bg);
   border: 1px solid var(--colour-message-run-self-border);
-  margin-left: 2rem;
+  margin-left: 1rem;
 }
 
 .own-message * {
@@ -21,7 +21,7 @@
 .other-message {
   background-color: var(--colour-message-run-other-bg);
   border: 1px solid var(--colour-message-run-other-border);
-  margin-right: 2rem;
+  margin-right: 1rem;
 }
 
 .other-message * {
diff --git a/ui/styles/textarea.css b/ui/styles/textarea.css
index cdf487f..057fb8a 100644
--- a/ui/styles/textarea.css
+++ b/ui/styles/textarea.css
@@ -4,6 +4,10 @@
   flex-direction: row;
   justify-content: flex-start;
   align-items: stretch;
+
+  @media (width <= 640px) {
+    margin: 0 0.5rem 1rem 0.5rem;
+  }
 }
 
 .create-message textarea {
-- 
cgit v1.2.3


From 84b5ee7782181bcff64d2eb6a9942237232103a7 Mon Sep 17 00:00:00 2001
From: Kit La Touche <kit@transneptune.net>
Date: Sun, 19 Jan 2025 13:18:20 -0500
Subject: Make small tweaks for mobile devices

---
 ui/styles/forms.css    | 1 +
 ui/styles/textarea.css | 9 +++++++++
 2 files changed, 10 insertions(+)

(limited to 'ui/styles/textarea.css')

diff --git a/ui/styles/forms.css b/ui/styles/forms.css
index 1d6421b..8dab308 100644
--- a/ui/styles/forms.css
+++ b/ui/styles/forms.css
@@ -14,6 +14,7 @@ label input {
 
 form.form > button {
   background-color: var(--colour-input-bg);
+  color: var(--colour-input-text);
   padding: 0.25rem;
   border-radius: 0.25rem;
   border: 1px solid var(--colour-input-border);
diff --git a/ui/styles/textarea.css b/ui/styles/textarea.css
index 057fb8a..edf8ced 100644
--- a/ui/styles/textarea.css
+++ b/ui/styles/textarea.css
@@ -34,3 +34,12 @@ main {
   justify-content: flex-start;
   align-items: stretch;
 }
+
+/* Workaround for iOS zooming in on the textarea when it gets focus. */
+@media screen and (-webkit-min-device-pixel-ratio:0) { 
+  select,
+  textarea,
+  input {
+    font-size: 16px;
+  }
+}
-- 
cgit v1.2.3