Simplify page structure

css/basic.css

@@ -45,6 +45,7 @@ h6 {
     font-family: "Perfect DOS VGA 437", Constantia, Utopia, Lucidabright, Lucida, Georgia, "Nimbus Roman No9 L", serif;
     font-weight: bold;
     color: __text_neu__;
+    text-align: left;
     background-color: inherit;
     padding: 0;
     line-height: 1.2;

css/mobile.css

@@ -6,25 +6,18 @@
 
 @media only screen and (max-width: 42em) {
 
-#dokuwiki__aside {
-    width: 100%;
-    float: none;
-    margin-bottom: 1.4em;
+#dokuwiki__site .wrapper {
+    flex-direction: column;
+    gap: 1.4em;
 }
-#dokuwiki__aside > .pad {
-    margin: 0;
+
+#dokuwiki__aside {
+    width: auto;
+    flex: 0 0 auto;
 }
 
 .hasSidebar #dokuwiki__content {
-    float: none;
-    margin-left: 0;
-    margin-right: 0;
-}
-.hasSidebar #dokuwiki__content > .pad {
-    margin-left: 0;
-}
-[dir=rtl] .hasSidebar #dokuwiki__content > .pad {
-    margin-right: 0;
+    margin: 0;
 }
 
 #dokuwiki__header .headings {

css/structure.css

@@ -16,8 +16,6 @@ body {
 }
 
 #dokuwiki__header {
-}
-#dokuwiki__header > .pad {
 }
     #dokuwiki__header .headings {
         float: left;
@@ -37,45 +35,27 @@ body {
 
 #dokuwiki__site .wrapper {
     position: relative;
+    display: flex;
+    align-items: flex-start;
+    gap: 1.5em;
+}
+[dir=rtl] #dokuwiki__site .wrapper {
+    flex-direction: row-reverse;
 }
 
-    #dokuwiki__aside {
-        width: __sidebar_width__;
-        float: left;
-        position: relative;
-        display: block;
-    }
-    [dir=rtl] #dokuwiki__aside {
-        float: right;
-    }
-    #dokuwiki__aside > .pad {
-        margin: 0 1.5em 0 0;
-    }
-    [dir=rtl] #dokuwiki__aside > .pad {
-        margin: 0 0 0 1.5em;
-    }
+#dokuwiki__aside {
+    flex: 0 0 __sidebar_width__;
+    width: __sidebar_width__;
+    position: relative;
+    display: block;
+}
 
-    /* make content wider when there's no sidebar */
-    .hasSidebar #dokuwiki__content {
-        float: right;
-        margin-left: -__sidebar_width__;
-        width: 100%;
-    }
-    [dir=rtl] .hasSidebar #dokuwiki__content {
-        float: left;
-        margin-left: 0;
-        margin-right: -__sidebar_width__;
-    }
-    .hasSidebar #dokuwiki__content > .pad {
-        margin-left: __sidebar_width__;
-    }
-    [dir=rtl] .hasSidebar #dokuwiki__content > .pad {
-        margin-left: 0;
-        margin-right: __sidebar_width__;
-    }
+#dokuwiki__content {
+    flex: 1 1 auto;
+    min-width: 0;
+}
 
 #dokuwiki__footer {
     clear: both;
 }
-#dokuwiki__footer > .pad {
-}
+

css/tuivision.css

@@ -56,12 +56,8 @@ body.luxtools-tv .hasSidebar #dokuwiki__content {
     width: auto;
 }
 
-body.luxtools-tv .hasSidebar #dokuwiki__content > .pad {
-    margin-left: 0;
-}
-
 /* Let the page fieldset fill available vertical space */
-body.luxtools-tv #dokuwiki__content > .pad {
+body.luxtools-tv #dokuwiki__content {
     display: flex;
     flex-direction: column;
     height: 100%;
@@ -217,7 +213,7 @@ body.luxtools-tv .luxtools__page-fieldset > * {
 }
 
 /* Avoid double spacing from DokuWiki pads */
-#dokuwiki__content > .pad {
+#dokuwiki__content {
     padding-top: 0;
 }
 
@@ -261,3 +257,7 @@ body.luxtools-tv .luxtools__page-fieldset > * {
 .luxtools__hotkey {
     margin-right: 4px;
 }
+
+.tui-fieldset {
+    background-color: #0000a8;
+}