fix(docs): css fix for text align (#863)

* fix(docs): text-align fix for version banner

Author: austyh

Diff for: docs/src/styles/components/_doc-item.scss

@@ -44,30 +44,30 @@
       }
     }
 
-    > .container {
-      > .row {
-        > .col {
-          display: flex;
-          flex-direction: column;
-          justify-content: center;
-
-          min-width: 0;
+        > .container {
+            > .row {
+                > .col {
+                    display: flex;
+                    justify-content: center;
+                    flex-direction: column;
+                    min-width: 0;
+                    align-items: center;
+                }
+            }
         }
-      }
-    }
 
-    .spacer {
-      flex-basis: 5rem;
+        .spacer {
+            flex-basis: 5rem;
 
-      @media (max-width: 996px) {
-        display: none;
-      }
+            @media (max-width: 996px) {
+                display: none;
+            }
+        }
     }
-  }
 
-  [class*='docItemCol_'] {
-    margin-inline-start: auto;
-    margin-inline-end: auto;
-  }
-  //#endregion
+    [class*='docItemCol_'] {
+        margin-inline-start: auto;
+        margin-inline-end: auto;
+    }
+    //#endregion
 }

Diff for: docs/src/styles/custom.scss

@@ -118,6 +118,7 @@ body {
 }
 
 .theme-doc-version-banner {
+    width: 100%;
     max-width: var(--doc-item-container-width);
 }