From a97c32caa56a11b5581d8f50e55dab53896920f4 Mon Sep 17 00:00:00 2001
From: IIJIMA Hiromitsu <delmonta@dennougedougakkai-ndd.org>
Date: Wed, 14 Sep 2022 12:54:46 +0900
Subject: [PATCH] =?utf8?q?www:=20Minor=20tune=20on=20'man=20on=20WWW'=20fo?=
 =?utf8?q?rm=20for=20phones=20and=20other=20narrow=20devices.=20=E3=80=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=utf8
Content-Transfer-Encoding: 8bit

---
 www/index.m4 | 26 +++++++++++++-------------
 www/jm.css   | 19 +++++++++++++++++++
 2 files changed, 32 insertions(+), 13 deletions(-)

diff --git a/www/index.m4 b/www/index.m4
index 1f0eac67..eb352d16 100644
--- a/www/index.m4
+++ b/www/index.m4
@@ -94,27 +94,27 @@ m4_dnl m4_esyscmd(`./bin/info-whole-archive.perl')
  候補が複数ある時は一覧が出ます。
 </P>
 <FORM METHOD="GET" ACTION="_MANCGI">
- <TABLE>
+ <TABLE CLASS="searchbox">
   <TR>
-   <TH ALIGN="left">ページ名</TH>
+   <TH>ページ名</TH>
    <TD>
-    <INPUT TYPE="TEXT" NAME="Pagename" SIZE="40">
+    <INPUT TYPE="TEXT" NAME="Pagename">
     <INPUT TYPE="SUBMIT" NAME="submit" VALUE="Search!">
    </TD>
   </TR>
 
   <TR>
-   <TH ALIGN="left">対象セクション</TH>
+   <TH>対象<WBR>セクション</TH>
    <TD>
-    <INPUT TYPE=CHECKBOX NAME="Sec1" CHECKED>1
-    <INPUT TYPE=CHECKBOX NAME="Sec2" CHECKED>2
-    <INPUT TYPE=CHECKBOX NAME="Sec3" CHECKED>3
-    <INPUT TYPE=CHECKBOX NAME="Sec4" CHECKED>4
-    <INPUT TYPE=CHECKBOX NAME="Sec5" CHECKED>5
-    <INPUT TYPE=CHECKBOX NAME="Sec6" CHECKED>6
-    <INPUT TYPE=CHECKBOX NAME="Sec7" CHECKED>7
-    <INPUT TYPE=CHECKBOX NAME="Sec8" CHECKED>8
-    [<STRONG>_LINK(section.html,→セクションとは?)</STRONG>]
+    <NOBR><INPUT TYPE=CHECKBOX NAME="Sec1" CHECKED>1</NOBR>
+    <NOBR><INPUT TYPE=CHECKBOX NAME="Sec2" CHECKED>2</NOBR>
+    <NOBR><INPUT TYPE=CHECKBOX NAME="Sec3" CHECKED>3</NOBR>
+    <NOBR><INPUT TYPE=CHECKBOX NAME="Sec4" CHECKED>4</NOBR>
+    <NOBR><INPUT TYPE=CHECKBOX NAME="Sec5" CHECKED>5</NOBR>
+    <NOBR><INPUT TYPE=CHECKBOX NAME="Sec6" CHECKED>6</NOBR>
+    <NOBR><INPUT TYPE=CHECKBOX NAME="Sec7" CHECKED>7</NOBR>
+    <NOBR><INPUT TYPE=CHECKBOX NAME="Sec8" CHECKED>8</NOBR>
+    ［<STRONG><A HREF="section.html">→セクションとは?</A></STRONG>］
    </TD>
   </TR>
  </TABLE>
diff --git a/www/jm.css b/www/jm.css
index 7384f448..7f7cc928 100644
--- a/www/jm.css
+++ b/www/jm.css
@@ -100,6 +100,25 @@ pre {
         padding: 0em !important;
 }
 
+/* 'man on WWW' form */
+	table.searchbox {
+		max-width:100%;
+		margin: 1em 2%;
+	}
+
+	table.searchbox th {
+		text-align: left;
+		vertical-align: top;
+		word-break: keep-all;
+		font-weight: bold;
+		font-family: sans-serif;
+	}
+
+	input[name="Pagename"] { width:30em; }
+	@media (max-width:30em) {
+		input[name="Pagename"] { width:100%; }
+	}
+
 /* Local configs for browsing locally downloaded files */
 @import url(local.css)
 
-- 
2.11.0