From 8b905ac405eff3d15dfe1a2080cc19c93b6cdd07 Mon Sep 17 00:00:00 2001
From: "John R. D'Orazio" <priest@johnromanodorazio.com>
Date: Sat, 26 Oct 2024 01:46:04 +0200
Subject: [PATCH] better styling on form

---
 php/index.php  |  2 +-
 php/styles.css | 17 +++++++++++++++++
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/php/index.php b/php/index.php
index 4433b2d..2636d87 100644
--- a/php/index.php
+++ b/php/index.php
@@ -126,7 +126,7 @@
     echo dgettext('litexmplphp', 'You are requesting a year prior to 1970: it is not possible to request years prior to 1970.');
     echo '</div>';
 }
-echo '<form method="GET">';
+echo '<form method="GET" id="ApiOptionsForm">';
 echo '<fieldset style="margin-bottom:6px;"><legend>' . dgettext('litexmplphp', 'Customize options for generating the Roman Calendar') . '</legend>';
 echo '<table style="width:100%;"><tr>';
 $apiOptions = new ApiOptions();
diff --git a/php/styles.css b/php/styles.css
index 2faff61..4e7207a 100644
--- a/php/styles.css
+++ b/php/styles.css
@@ -16,6 +16,23 @@
     color: DarkBlue;
 }
 
+#ApiOptionsForm fieldset {
+    border: 1px solid lightgray;
+    padding: 6px 12px;
+    border-radius: 6px;
+}
+
+#ApiOptionsForm legend {
+    float: none;
+    width: auto;
+    margin-left: 3px;
+    padding: 0 6px;
+    font-weight: bold;
+    font-size: 1.1em;
+    border: 1px solid lightgray;
+    border-radius: 3px;
+}
+
 #LitCalTable {
     width:75%;
     margin:30px auto;