From 928f6c4c70ac85b34216fb30bb5adf873e316080 Mon Sep 17 00:00:00 2001
From: dweller <dweller@cabin.digital>
Date: Mon, 26 Feb 2024 15:03:08 +0200
Subject: further CSS fixing (and some DOM)

---
 search.php       |  2 +-
 style/man.css    | 84 ++++++++++++++++++++++++++++++++++----------------------
 style/search.css |  2 ++
 3 files changed, 54 insertions(+), 34 deletions(-)

diff --git a/search.php b/search.php
index 95d8254..c0e357f 100644
--- a/search.php
+++ b/search.php
@@ -90,7 +90,7 @@
             echo "<nav id='lmmtfy'><div><div>";
             echo " <label for='lmmtfy_url'>LmmtFy URL</label></div>";
             echo " <textarea id='lmmtfy_url' wrap='off' rows='1' readonly>".$url."</textarea>";
-            echo " <button id='lmmtfy_copy' class='jsonly'>Copy</button></div><nav>";
+            echo " <button id='lmmtfy_copy' class='jsonly'>Copy</button></div></nav>";
             echo "<article class='manpage'>". implode(PHP_EOL, $lines2) ."</article>";
             echo "<script src='/js/copy.js'></script>";
 
diff --git a/style/man.css b/style/man.css
index 7acdd4d..63129c5 100644
--- a/style/man.css
+++ b/style/man.css
@@ -10,7 +10,7 @@
     margin-top:    3em;
     margin-bottom: 1em;
 
-    width: min(100% - 5rem, 10in);
+    max-width: 11in;
 }
 
 #lmmtfy
@@ -33,6 +33,8 @@
 
     border: 1px solid var(--border);
     border-radius: 1em;
+
+    width: 65%;
 }
 
 #lmmtfy > div > div
@@ -55,7 +57,7 @@
 #lmmtfy textarea
 {
     height: 3rem;
-    width:  250px;
+    width:  min(90%, 9in);
 
     margin:  1rem 0.5rem;
     padding: 0    0.5rem;
@@ -111,40 +113,12 @@
 }
 */
 
-@media (prefers-color-scheme: dark)
-{
-    #lmmtfy textarea
-    {
-        background-color: var(--qbgh);
-        border: 1px solid var(--qborderh);
-    }
-
-    #lmmtfy textarea:hover { box-shadow: 0.5pt 0.75pt 0.5rem var(--qshadowh); }
-}
-
-@media (width <= 800px)
-{
-    .manpage
-    {
-        width:   unset;
-        border:  none;
-        margin:  0;
-        padding: 0;
-        padding-right: 1%;
-    }
-
-    #lmmtfy { margin-bottom: 3em; }
-
-    #lmmtfy > div
-    {
-        padding: 0;
-        border: none;
-    }
-}
-
 table
 {
     border: none;
+
+    text-align:   center;
+    text-justify: none;
 }
 
 table, td, th, td
@@ -177,9 +151,11 @@ td.head-ltitle, td.head-vol, td.head-rtitle,
 td.foot-date, td.foot-os,
 table.Nm, table.Nm tbody, table.Nm tbody tr, table.Nm tbody tr td
 {
+    text-align:  left;
     border: none !important;
 }
 
+/* This looks good, but messes with some semantics
 dl.Bl-tag
 {
     display: grid;
@@ -189,6 +165,48 @@ dl.Bl-tag
 
 dl.Bl-tag dt { grid-column-start: 1; }
 dl.Bl-tag dd { grid-column-start: 2; }
+*/
+
+pre
+{
+    overflow-x: auto;
+    tab-width: 4;
+}
+
+
+@media (prefers-color-scheme: dark)
+{
+    #lmmtfy textarea
+    {
+        background-color: var(--qbgh);
+        border: 1px solid var(--qborderh);
+    }
+
+    #lmmtfy textarea:hover { box-shadow: 0.5pt 0.75pt 0.5rem var(--qshadowh); }
+}
+
+@media (width <= 800px)
+{
+    .manpage
+    {
+        width:   unset;
+        border:  none;
+        margin:  0;
+        padding: 0;
+        padding-right: 1%;
+    }
+
+    #lmmtfy { margin-bottom: 3em; }
+
+    #lmmtfy > div
+    {
+        width: 90%;
+
+        padding: 0;
+        border: none;
+    }
+}
+
 
 /*
  *      $Id: man.1,v 1.40 2020/07/20 16:57:30 schwarze Exp $
diff --git a/style/search.css b/style/search.css
index 73ed99c..eeb1e84 100644
--- a/style/search.css
+++ b/style/search.css
@@ -109,6 +109,8 @@
 {
     flex-grow: 1;
     margin: 0 5%;
+
+    width: min(100% - 3rem, 90%);
 }
 
 #results > p
-- 
cgit v1.2.3