Fixes Cloud-CV#4739: Fix readthedocs UI container size for all screens (Cloud-CV#4744)

Co-authored-by: Rishabh Jain <rishabhjain2018@gmail.com>

Author: aditi-dsi

docs/source/_static/custom.css

@@ -0,0 +1,22 @@
+.wy-nav-content {
+    max-width: 2000px;
+    margin: 0 auto;
+    padding: 2rem;
+    background: #ffffff;
+    border: 1px solid #ddd;
+    box-sizing: border-box;
+    width: 100%;
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
+}
+
+.rst-content {
+    flex: 1;
+}
+
+@media screen and (min-width: 1500px) {
+    .wy-nav-content {
+        max-width: 5000px;
+    }
+}

docs/source/conf.py

@@ -165,7 +165,7 @@
 # relative to this directory. They are copied after the builtin static files,
 # so a file named "default.css" will overwrite the builtin "default.css".
 html_static_path = ["_static"]
-
+html_css_files = ["custom.css"]
 # Add any extra paths that contain custom files (such as robots.txt or
 # .htaccess) here, relative to this directory. These files are copied
 # directly to the root of the documentation.