further CSS fixing (and some DOM)

1 files changed, 51 insertions, 33 deletions

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 $