Refactor layout proportions in single.html for improved responsiveness

Author: MrHinsh

docs/layouts/docs/single.html

@@ -4,11 +4,11 @@
       <div class="col-12" style="max-width: 1800px;">
         <div class="row">
           {{/* Sidebar - Hidden on smaller screens */}}
-          <div class="col-12 col-xl-3 docs-navbar-container d-none d-xl-block">
+          <div class="col-12 col-xl-2 docs-navbar-container d-none d-xl-block">
             {{ partial "docs/sidebar.html" . }}
           </div>
           {{/* Dropdown Navigation for smaller screens */}}
-          <div class="col-12 d-xl-none mb-3">
+          <div class="col-12 d-xl-none mb-2">
             <div class="dropdown">
               <button class="btn btn-outline-primary dropdown-toggle w-100" type="button" id="docsDropdown" data-bs-toggle="dropdown" aria-expanded="false">
                 <i class="fas fa-book me-2"></i>
@@ -21,7 +21,7 @@
           </div>
 
           {{/* Main content */}}
-          <div class="col-12 col-xl-6">
+          <div class="col-12 col-xl-8">
             <div class="docs-content">
               {{/* Breadcrumbs */}}
               {{ partial "docs/breadcrumbs.html" . }}
@@ -71,7 +71,7 @@ <h1 class="docs-title">{{ .Title }}</h1>
             </div>
           </div>
           {{/* Table of contents (optional right sidebar) */}}
-          <div class="col-12 col-xl-3 d-none d-xl-block">
+          <div class="col-12 col-xl-2 d-none d-xl-block">
             <div>
               <h5>In this article</h5>
               <div class="docs-toc">