From 90feb097afa14e68ffd91da646b4f0e3927e67de Mon Sep 17 00:00:00 2001
From: Georgios Kafanas <g.kafanas@greeklug.gr>
Date: Fri, 21 Feb 2025 14:00:19 +0100
Subject: [PATCH] Control the text area width

Create a custom CSS to control the text area width. The CSS can set the
text area to any maximum width required, or to unconstrained.

Some figures may appear out of place if they where designed with a fixed
width in mind. For relative placement of figures see [2].

_Sources_

1. https://github.com/squidfunk/mkdocs-material/issues/619#issuecomment-348610715
2. https://squidfunk.github.io/mkdocs-material/reference/images/#image-captions
---
 docs/stylesheets/extra.css | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
index 329510a5e..4af009da1 100644
--- a/docs/stylesheets/extra.css
+++ b/docs/stylesheets/extra.css
@@ -1,5 +1,4 @@
 /*
-   Time-stamp: <Sun 2021-02-07 22:20 svarrette>
    Extra CSS configuration of the ULHPC Technical Documentation website
  */
 
@@ -9,3 +8,19 @@
 .md-typeset ul li li li{
     list-style: square;
 }
+
+/* Control the width of the text area */
+@media only screen and (min-width: 76.25em) {
+  .md-main__inner {
+    max-width: 24in; /* Use `none` for full width */
+  }
+  .md-sidebar--primary {
+    left: 0;
+  }
+  .md-sidebar--secondary {
+    right: 0;
+    margin-left: 0;
+    -webkit-transform: none;
+    transform: none;   
+  }
+}