[web] Fixed some margins especially on small screens.

web/assets/css/main.css

@@ -48,21 +48,21 @@ cite::before {
   @apply border-blue-200;
   @apply border-l-2;
   @apply -ml-4;
-  @apply px-4;
+  @apply pl-4;
 }
 
 .linux {
   @apply border-yellow-200;
   @apply border-l-2;
   @apply -ml-4;
-  @apply px-4;
+  @apply pl-4;
 }
 
 .mac {
   @apply border-gray-200;
   @apply border-l-2;
   @apply -ml-4;
-  @apply px-4;
+  @apply pl-4;
 }
 
 #btn-win.active {

web/layouts/docs/single.html

 {{ define "main" }}
 
 <div class="flex-1 relative z-0 overflow-y-auto focus:outline-none">
-  <div class="max-w-7xl mx-auto px-4 sm:px-6 md:px-8">
+  <div class="max-w-7xl mx-auto pl-4 pr-2 sm:px-6 md:px-8">
     <h1 class="text-2xl lg:text-3xl font-bold mb-3 lg:mb-5">{{ .Title }}</h1>
 
     {{ if .CurrentSection.Params.os_selector }}