Fix the padding of the navigation bar and main content

Padding was made thinner in Bootstrap 5, so we need to bump it up manually.
"gx-5" translates to the largest padding size for the x-axis of the
gutter. See https://getbootstrap.com/docs/5.2/layout/gutters/.
Setting the padding of the navbar has it's own special variable, see
https://getbootstrap.com/docs/5.2/components/navbar/#variables

assets/scss/_variables_project.scss

@@ -23,6 +23,8 @@ $secondary-background: #E5F5FB;
 $secondary-lighter-background: #F4FaFC;
 $secondary-lightest-background: #FBFDFD;
 
+$navbar-padding-x: 1em;
+
 
 $warning: #FF6666;
 $note: $secondary;

layouts/docs/baseof.html

@@ -20,7 +20,7 @@
           <div class="col-12 col-md-3 col-xl-3 td-sidebar d-print-none">
             {{ partial "sidebar.html" . }}
           </div>
-          <main class="col-12 col-md-9 col-xl-7 pl-md-5" role="main">
+          <main class="col-12 col-md-9 col-xl-7 pl-md-5 gx-5" role="main">
             {{ partial "version-banner.html" . }}
             {{ partial "breadcrumb.html" . }}
             {{ block "main" . }}{{ end }}