Patch 1 (#6)

* restoring ml-auto class to main div to give sidebar wider look and align with search bar
Signed-off-by: vsoch <vsoch@users.noreply.github.com>
Co-authored-by: heykapil <101615305+heykapil@users.noreply.github.com>

_layouts/default.html

@@ -29,17 +29,16 @@
             {% include social-menu.html %}
          </div>
       </header>
-      <main role=main data-menu-container class="w-full max-w-screen-2xl mx-auto px-4 sm:px-6 lg:px-8 py-36 md:flex relative">
+      <main role="main" data-menu-container class="w-full max-w-screen-2xl mx-auto px-4 sm:px-6 lg:px-8 py-36 md:flex relative">
          <div class="hidden md:block w-60 h-full flex-shrink-0"></div>
          {% include sidebar.html %}
-         </div> 
-         <div class="min-w-0 w-full max-w-3xl xl:max-w-[40rem] 2xl:max-w-3xl">
+         <div class="min-w-0 w-full max-w-3xl xl:max-w-[40rem] 2xl:max-w-3xl mx-auto">
             <article class="text-gray-500 leading-relaxed">                              
                {% if page.title %}<h1 class="w-full font-heading text-navy leading-tight text-[2rem] mb-6"> {{ page.title}} </h1>{% endif %}
                {% include page-header.html %}
                {{ content }}
-            </article> 
-         <!--<div class="hidden xl:block w-60 h-full flex-shrink-0"></div>-->
+            </article></div>
+         <div class="hidden xl:block w-60 h-full flex-shrink-0"></div>
          <div class="hidden xl:block fixed top-0 pt-36 pb-16 pl-0.5 w-60 h-full md:text-[13px] text-navy leading-5 docs-right-sidebar">
             <a href="#" class="flex items-center text-sm font-semibold hover:text-violet-600 transition-colors pb-1 -ml-0.5 mb-1"> Edit </a> 
             <nav class="flex flex-col relative" style="padding-bottom:15px">