docs(v1): link button wrapping for small screens (#2199)

nuxt · Jul 28, 2023 · 85fdb08 · 85fdb08
1 parent 1fef213
commit 85fdb08
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/docs/components/content/V1DocsLinks.vue b/docs/components/content/V1DocsLinks.vue
@@ -5,12 +5,15 @@
       <button-link href="/v1/getting-started/introduction" :transparent="true" color="false" size="large">
         English
       </button-link>
-      <button-link href="/fr/v1/getting-started/introduction" :transparent="true" color="false" class="ml-2" size="large">
+      <button-link href="/fr/v1/getting-started/introduction" :transparent="true" color="false" size="large">
         French
       </button-link>
-      <button-link href="/ja/v1/getting-started/introduction" :transparent="true" color="false" class="ml-2" size="large">
+      <button-link href="/ja/v1/getting-started/introduction" :transparent="true" color="false" size="large">
         Japanese
       </button-link>
+      <button-link href="/ru/v1/getting-started/introduction" :transparent="true" color="false" size="large">
+        Russian
+      </button-link>
     </div>
     <ellipsis />
   </div>
@@ -34,6 +37,7 @@ css({
   },
   '.links-wrapper': {
     display: 'flex',
+    flexWrap: 'wrap',
     gap: '2rem',
     justifyContent: 'center'
   },