better styling on form

Liturgical-Calendar · Oct 25, 2024 · 8b905ac · 8b905ac
1 parent f77b1fa
commit 8b905ac
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 1 deletion.
diff --git 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
@@ -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;