Text entry length shorter on options screen

epicyon-follow.css

@@ -29,6 +29,7 @@
     --hashtag-size2: 40px;
     --follow-text-size1: 24px;
     --follow-text-size2: 40px;
+    --follow-text-entry-width: 90%;
 }
 
 @font-face {
@@ -135,7 +136,7 @@ a:link {
 }
 
 input[type=text] {
-    width: 90%;
+    width: var(--follow-text-entry-width);
     clear: both;
     font-size: var(--font-size);
     font-family: Arial, Helvetica, sans-serif;
@@ -182,7 +183,7 @@ input[type=text] {
         font-family: Arial, Helvetica, sans-serif;
     }
     input[type=text] {
-        width: 90%;
+        width: var(--follow-text-entry-width);
         clear: both;
         font-size: 24px;
         font-family: Arial, Helvetica, sans-serif;
@@ -219,7 +220,7 @@ input[type=text] {
         font-family: Arial, Helvetica, sans-serif;
     }
     input[type=text] {
-        width: 90%;
+        width: var(--follow-text-entry-width);
         clear: both;
         font-size: 40px;
         font-family: Arial, Helvetica, sans-serif;

webinterface.py

@@ -5356,6 +5356,9 @@ def htmlPersonOptions(translate: {}, baseDir: str,
         cssFilename = baseDir + '/follow.css'
     with open(cssFilename, 'r') as cssFile:
         profileStyle = cssFile.read()
+        profileStyle = \
+            profileStyle.replace('--follow-text-entry-width: 90%;',
+                                 '--follow-text-entry-width: 20%;')
 
     # To snooze, or not to snooze? That is the question
     snoozeButtonStr = 'Snooze'
@@ -5420,7 +5423,7 @@ def htmlPersonOptions(translate: {}, baseDir: str,
         optionsStr += \
             '<p>' + translate['Petname'] + ': ' + \
             '<input type="text" name="optionpetname" value="' + \
-            petname + '" size="14" maxlength="14">' \
+            petname + '">' \
             '<button type="submit" class="button" name="submitPetname">' + \
             translate['Submit'] + '</button></p>'
     optionsStr += optionsLinkStr