Simplify page structure

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 {
-}
+