From f5288aaba2bcac1bf021db09bfc83b4604e12b8e Mon Sep 17 00:00:00 2001
From: Bob Mottram <bob@freedombone.net>
Date: Thu, 18 Nov 2021 22:21:42 +0000
Subject: [PATCH] Tiny options screen

---
 epicyon-options.css | 77 +++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 77 insertions(+)

diff --git a/epicyon-options.css b/epicyon-options.css
index c520e8b9b..b7380ddd0 100644
--- a/epicyon-options.css
+++ b/epicyon-options.css
@@ -303,3 +303,80 @@ a:focus {
         margin: 30px 40px;
     }
 }
+
+@media screen and (max-width: 480px) {
+    textarea {
+        font-family: Arial, Helvetica, sans-serif;
+        font-size: var(--font-size2);
+        width: 90%;
+        background-color: var(--text-entry-background);
+        color: var(--text-entry-foreground);
+    }
+    .followText {
+        font-size: var(--follow-text-size2);
+    }
+    input[type=text] {
+        width: var(--follow-text-entry-width);
+        clear: both;
+        font-size: var(--font-size2);
+        text-align: center;
+        max-width: 50%;
+        min-width: var(--petname-width-chars);
+        color: var(--text-entry-foreground);
+        background-color: var(--text-entry-background);
+        font-family: Arial, Helvetica, sans-serif;
+    }
+    .button {
+        border-radius: 4px;
+        background-color: var(--button-background);
+        font-family: Arial, Helvetica, sans-serif;
+        border: none;
+        color: var(--button-text);
+        text-align: center;
+        padding: 10px;
+        font-size: var(--font-size2);
+        width: 10ch;
+        max-width: 200px;
+        min-width: 100px;
+        cursor: pointer;
+        margin: 30px;
+    }
+    .buttonIcon {
+        border-radius: 4px;
+        background-color: var(--button-background);
+        font-family: Arial, Helvetica, sans-serif;
+        border: none;
+        color: var(--button-text);
+        text-align: center;
+        padding: 6px 80px;
+        font-size: var(--font-size2);
+        max-width: 200px;
+        min-width: 100px;
+        cursor: pointer;
+    }
+    .buttonsmall {
+        border-radius: 4px;
+        background-color: var(--button-small-background);
+        font-family: Arial, Helvetica, sans-serif;
+        border: none;
+        color: var(--button-small-text);
+        text-align: center;
+        padding: 10px;
+        font-size: var(--font-size2);
+        width: 7ch;
+        max-width: 200px;
+        min-width: 100px;
+        cursor: pointer;
+        margin: 30px;
+    }
+    input[type=checkbox]
+    {
+        -ms-transform: scale(4);
+        -moz-transform: scale(4);
+        -webkit-transform: scale(4);
+        -o-transform: scale(4);
+        transform: scale(4);
+        padding: 20px;
+        margin: 30px 40px;
+    }
+}