From bed6731c40a8d6d40dba0eda5cc015a155aed933 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Fri, 5 Apr 2024 13:20:56 +0200
Subject: [PATCH] pref windows html and css improved

---
 options/mzta-options.css  | 44 +++++++++++++++++++++++--
 options/mzta-options.html | 67 +++++++++++++++++++++++++++++++--------
 2 files changed, 95 insertions(+), 16 deletions(-)
diff --git a/options/mzta-options.css b/options/mzta-options.css
index 021fb2fb..76034158 100644
--- a/options/mzta-options.css
+++ b/options/mzta-options.css
@@ -14,14 +14,54 @@ div#miczDonation{
     font-weight: bold;
 }
 
-#miczPrefs {
+table#miczPrefs {
     font-size: 13px;
     padding: 10px;
+    border-spacing: 0px;
+    
+}
+
+table#miczPrefs td{
+    border-top: 1px solid #ccc;
+    border-bottom: 1px solid #ccc;
+    vertical-align: top;
+    padding: 2px;
+}
+
+table#miczPrefs tr:first-child td {
+    border-top: none;
+}
+  
+table#miczPrefs  tr:last-child td {
+    border-bottom: none;
 }
 
 div#miczRelNotes{
     position:absolute;
     right: 0px;
-    top: 0px;
+    bottom: 2px;
     padding: 2px 5px 0px 0px;
+}
+
+div#miczDescription h1{
+    text-align: center;
+    margin-bottom: 0px;
+}
+
+div#miczDescription p{
+    text-align: justify;
+    margin-top: 0px;
+}
+
+input#chatgpt_win_width{
+    width: 100px;
+}
+
+input#chatgpt_win_height{
+    width: 100px;
+}
+
+span.dims_label{
+    width: 75px;
+    display: inline-block;
 }
\ No newline at end of file
diff --git a/options/mzta-options.html b/options/mzta-options.html
index 434b39de..44815eec 100644
--- a/options/mzta-options.html
+++ b/options/mzta-options.html
@@ -6,20 +6,59 @@
   </head>
   <body>
     <div id="miczRelNotes"><a href="mzta-release-notes.html">Release Notes</a></div>
-    <div id="miczPrefs">
-      <span>__MSG_prefs_OptionText_chatgpt_win_text__</span><br/>
-      <label><input type="number" id="chatgpt_win_height" name="chatgpt_win_height" class="option-input" /> __MSG_prefs_OptionText_chatgpt_win_height__</label><br/>
-      <input type="number" id="chatgpt_win_width" name="chatgpt_win_width" class="option-input" /> __MSG_prefs_OptionText_chatgpt_win_width__</label><br/>
-      <br/>
-      <label><input type="text" id="default_sign_name" name="default_sign_name" class="option-input" /> __MSG_prefs_OptionText_default_sign_name__</label><br/>
-      <label><input type="text" id="default_chatgpt_lang" name="default_chatgpt_lang" class="option-input" /> __MSG_prefs_OptionText_default_chatgpt_lang__</label><br/>
-      <label>
-        <select id="reply_type" name="reply_type" class="option-input">
-          <option value="reply_all">__MSG_prefs_OptionText_reply_all__</option>
-          <option value="reply_sender">__MSG_prefs_OptionText_reply_sender__</option>
-        </select> __MSG_prefs_OptionText_reply_type__
-      </label><br/>
-    </div>
+    <table id="miczPrefs">
+      <tr>
+        <td><span>__MSG_prefs_OptionText_chatgpt_win_text__</span></td>
+        <td>
+          <label>
+            <span class="dims_label">__MSG_prefs_OptionText_chatgpt_win_height__</span>
+            <input type="number" id="chatgpt_win_height" name="chatgpt_win_height" class="option-input" />
+          </label>
+        </td>
+      </tr>
+      <tr>
+        <td></td>
+        <td>
+          <span class="dims_label">__MSG_prefs_OptionText_chatgpt_win_width__</span>
+          <input type="number" id="chatgpt_win_width" name="chatgpt_win_width" class="option-input" />
+        </td>
+      </tr>
+      <tr>
+        <td><label>
+          <span>__MSG_prefs_OptionText_default_sign_name__</span>
+        </label></td>
+        <td>
+          <label>
+            <input type="text" id="default_sign_name" name="default_sign_name" class="option-input" />
+          </label>
+        </td>
+      </tr>
+      <tr>
+        <td><label>
+          <span>__MSG_prefs_OptionText_default_chatgpt_lang__</span>
+        </label></td>
+        <td>
+          <label>
+            <input type="text" id="default_chatgpt_lang" name="default_chatgpt_lang" class="option-input" />
+          </label>
+        </td>
+      </tr>
+      <tr>
+        <td>
+          <label>
+            <span>__MSG_prefs_OptionText_reply_type__</span>
+          </label>
+        </td>
+        <td>
+          <label>
+            <select id="reply_type" name="reply_type" class="option-input">
+              <option value="reply_all">__MSG_prefs_OptionText_reply_all__</option>
+              <option value="reply_sender">__MSG_prefs_OptionText_reply_sender__</option>
+            </select>
+          </label>
+        </td>
+      </tr>
+    </table>
     <div id="miczDescription">
       <h1>__MSG_prefsInfoTitle__</h1>
       <p>__MSG_prefsInfoDesc_1__<br/>

__MSG_prefs_OptionText_chatgpt_win_text__	+ + __MSG_prefs_OptionText_chatgpt_win_height__ + + +
	+ __MSG_prefs_OptionText_chatgpt_win_width__ + +
+ __MSG_prefs_OptionText_default_sign_name__ +	+ + + +
+ __MSG_prefs_OptionText_default_chatgpt_lang__ +	+ + + +
+ + __MSG_prefs_OptionText_reply_type__ + +	+ + + +