Merge pull request #8355 from ballerina-platform/automate-bbes-38aff8…

…6ad746435029a0737dcee42a5b9259520f [Automated] Update Ballerina By Example(BBEs) pages
ballerina-platform · Nov 27, 2023 · fa1bd77 · fa1bd77
2 parents 38aff86 + fff6e2f
commit fa1bd77
Show file tree

Hide file tree

Showing 276 changed files with 285 additions and 285 deletions.
diff --git a/swan-lake/by-example/access-json-elements/content.jsx b/swan-lake/by-example/access-json-elements/content.jsx
@@ -85,7 +85,7 @@ export function AccessJsonElements({ codeSnippets }) {
       >
         <Col className="d-flex align-items-start" sm={12}>
           <button
-            className="bg-transparent border-0 m-0 p-2"
+            className="bg-transparent border-0 m-0 p-2 ms-auto"
             onClick={() => {
               window.open(
                 "https://github.com/ballerina-platform/ballerina-distribution/tree/v2201.8.3/examples/access-json-elements",

diff --git a/swan-lake/by-example/access-optional-json-elements/content.jsx b/swan-lake/by-example/access-optional-json-elements/content.jsx
@@ -59,7 +59,7 @@ export function AccessOptionalJsonElements({ codeSnippets }) {
       >
         <Col className="d-flex align-items-start" sm={12}>
           <button
-            className="bg-transparent border-0 m-0 p-2"
+            className="bg-transparent border-0 m-0 p-2 ms-auto"
             onClick={() => {
               window.open(
                 "https://github.com/ballerina-platform/ballerina-distribution/tree/v2201.8.3/examples/access-optional-json-elements",

diff --git a/swan-lake/by-example/aggregation/content.jsx b/swan-lake/by-example/aggregation/content.jsx
@@ -81,7 +81,7 @@ export function Aggregation({ codeSnippets }) {
       >
         <Col className="d-flex align-items-start" sm={12}>
           <button
-            className="bg-transparent border-0 m-0 p-2"
+            className="bg-transparent border-0 m-0 p-2 ms-auto"
             onClick={() => {
               window.open(
                 "https://github.com/ballerina-platform/ballerina-distribution/tree/v2201.8.3/examples/aggregation",

diff --git a/swan-lake/by-example/alternate-wait/content.jsx b/swan-lake/by-example/alternate-wait/content.jsx
@@ -65,7 +65,7 @@ export function AlternateWait({ codeSnippets }) {
       >
         <Col className="d-flex align-items-start" sm={12}>
           <button
-            className="bg-transparent border-0 m-0 p-2"
+            className="bg-transparent border-0 m-0 p-2 ms-auto"
             onClick={() => {
               window.open(
                 "https://github.com/ballerina-platform/ballerina-distribution/tree/v2201.8.3/examples/alternate-wait",

diff --git a/swan-lake/by-example/annotations/content.jsx b/swan-lake/by-example/annotations/content.jsx
@@ -69,7 +69,7 @@ export function Annotations({ codeSnippets }) {
       >
         <Col className="d-flex align-items-start" sm={12}>
           <button
-            className="bg-transparent border-0 m-0 p-2"
+            className="bg-transparent border-0 m-0 p-2 ms-auto"
             onClick={() => {
               window.open(
                 "https://github.com/ballerina-platform/ballerina-distribution/tree/v2201.8.3/examples/annotations",

diff --git a/swan-lake/by-example/anonymous-function/content.jsx b/swan-lake/by-example/anonymous-function/content.jsx
@@ -59,7 +59,7 @@ export function AnonymousFunction({ codeSnippets }) {
       >
         <Col className="d-flex align-items-start" sm={12}>
           <button
-            className="bg-transparent border-0 m-0 p-2"
+            className="bg-transparent border-0 m-0 p-2 ms-auto"
             onClick={() => {
               window.open(
                 "https://github.com/ballerina-platform/ballerina-distribution/tree/v2201.8.3/examples/anonymous-function",

diff --git a/swan-lake/by-example/any-type/content.jsx b/swan-lake/by-example/any-type/content.jsx
@@ -57,7 +57,7 @@ export function AnyType({ codeSnippets }) {
       >
         <Col className="d-flex align-items-start" sm={12}>
           <button
-            className="bg-transparent border-0 m-0 p-2"
+            className="bg-transparent border-0 m-0 p-2 ms-auto"
             onClick={() => {
               window.open(
                 "https://github.com/ballerina-platform/ballerina-distribution/tree/v2201.8.3/examples/any-type",

diff --git a/swan-lake/by-example/anydata-type/content.jsx b/swan-lake/by-example/anydata-type/content.jsx
@@ -55,7 +55,7 @@ export function AnydataType({ codeSnippets }) {
       >
         <Col className="d-flex align-items-start" sm={12}>
           <button
-            className="bg-transparent border-0 m-0 p-2"
+            className="bg-transparent border-0 m-0 p-2 ms-auto"
             onClick={() => {
               window.open(
                 "https://github.com/ballerina-platform/ballerina-distribution/tree/v2201.8.3/examples/anydata-type",

diff --git a/swan-lake/by-example/array-map-symmetry/content.jsx b/swan-lake/by-example/array-map-symmetry/content.jsx
@@ -117,7 +117,7 @@ export function ArrayMapSymmetry({ codeSnippets }) {
       >
         <Col className="d-flex align-items-start" sm={12}>
           <button
-            className="bg-transparent border-0 m-0 p-2"
+            className="bg-transparent border-0 m-0 p-2 ms-auto"
             onClick={() => {
               window.open(
                 "https://github.com/ballerina-platform/ballerina-distribution/tree/v2201.8.3/examples/array-map-symmetry",

diff --git a/swan-lake/by-example/arrays/content.jsx b/swan-lake/by-example/arrays/content.jsx
@@ -96,7 +96,7 @@ export function Arrays({ codeSnippets }) {
       >
         <Col className="d-flex align-items-start" sm={12}>
           <button
-            className="bg-transparent border-0 m-0 p-2"
+            className="bg-transparent border-0 m-0 p-2 ms-auto"
             onClick={() => {
               window.open(
                 "https://github.com/ballerina-platform/ballerina-distribution/tree/v2201.8.3/examples/arrays",

diff --git a/swan-lake/by-example/asynchronize-message-passing/content.jsx b/swan-lake/by-example/asynchronize-message-passing/content.jsx
@@ -60,7 +60,7 @@ export function AsynchronizeMessagePassing({ codeSnippets }) {
       >
         <Col className="d-flex align-items-start" sm={12}>
           <button
-            className="bg-transparent border-0 m-0 p-2"
+            className="bg-transparent border-0 m-0 p-2 ms-auto"
             onClick={() => {
               window.open(
                 "https://github.com/ballerina-platform/ballerina-distribution/tree/v2201.8.3/examples/asynchronize-message-passing",

diff --git a/swan-lake/by-example/asynchronous-function-calls/content.jsx b/swan-lake/by-example/asynchronous-function-calls/content.jsx
@@ -55,7 +55,7 @@ export function AsynchronousFunctionCalls({ codeSnippets }) {
       >
         <Col className="d-flex align-items-start" sm={12}>
           <button
-            className="bg-transparent border-0 m-0 p-2"
+            className="bg-transparent border-0 m-0 p-2 ms-auto"
             onClick={() => {
               window.open(
                 "https://github.com/ballerina-platform/ballerina-distribution/tree/v2201.8.3/examples/asynchronous-function-calls",

diff --git a/swan-lake/by-example/backtick-templates/content.jsx b/swan-lake/by-example/backtick-templates/content.jsx
@@ -70,7 +70,7 @@ export function BacktickTemplates({ codeSnippets }) {
       >
         <Col className="d-flex align-items-start" sm={12}>
           <button
-            className="bg-transparent border-0 m-0 p-2"
+            className="bg-transparent border-0 m-0 p-2 ms-auto"
             onClick={() => {
               window.open(
                 "https://github.com/ballerina-platform/ballerina-distribution/tree/v2201.8.3/examples/backtick-templates",

diff --git a/swan-lake/by-example/binary-data/content.jsx b/swan-lake/by-example/binary-data/content.jsx
@@ -47,7 +47,7 @@ export function BinaryData({ codeSnippets }) {
       >
         <Col className="d-flex align-items-start" sm={12}>
           <button
-            className="bg-transparent border-0 m-0 p-2"
+            className="bg-transparent border-0 m-0 p-2 ms-auto"
             onClick={() => {
               window.open(
                 "https://github.com/ballerina-platform/ballerina-distribution/tree/v2201.8.3/examples/binary-data",

diff --git a/swan-lake/by-example/binding-patterns-in-match-statement/content.jsx b/swan-lake/by-example/binding-patterns-in-match-statement/content.jsx
@@ -94,7 +94,7 @@ export function BindingPatternsInMatchStatement({ codeSnippets }) {
       >
         <Col className="d-flex align-items-start" sm={12}>
           <button
-            className="bg-transparent border-0 m-0 p-2"
+            className="bg-transparent border-0 m-0 p-2 ms-auto"
             onClick={() => {
               window.open(
                 "https://github.com/ballerina-platform/ballerina-distribution/tree/v2201.8.3/examples/binding-patterns-in-match-statement",

diff --git a/swan-lake/by-example/binding-patterns/content.jsx b/swan-lake/by-example/binding-patterns/content.jsx
@@ -52,7 +52,7 @@ export function BindingPatterns({ codeSnippets }) {
       >
         <Col className="d-flex align-items-start" sm={12}>
           <button
-            className="bg-transparent border-0 m-0 p-2"
+            className="bg-transparent border-0 m-0 p-2 ms-auto"
             onClick={() => {
               window.open(
                 "https://github.com/ballerina-platform/ballerina-distribution/tree/v2201.8.3/examples/binding-patterns",

diff --git a/swan-lake/by-example/boolean/content.jsx b/swan-lake/by-example/boolean/content.jsx
@@ -48,7 +48,7 @@ export function Boolean({ codeSnippets }) {
       >
         <Col className="d-flex align-items-start" sm={12}>
           <button
-            className="bg-transparent border-0 m-0 p-2"
+            className="bg-transparent border-0 m-0 p-2 ms-auto"
             onClick={() => {
               window.open(
                 "https://github.com/ballerina-platform/ballerina-distribution/tree/v2201.8.3/examples/boolean",

diff --git a/swan-lake/by-example/break-statement/content.jsx b/swan-lake/by-example/break-statement/content.jsx
@@ -56,7 +56,7 @@ export function BreakStatement({ codeSnippets }) {
       >
         <Col className="d-flex align-items-start" sm={12}>
           <button
-            className="bg-transparent border-0 m-0 p-2"
+            className="bg-transparent border-0 m-0 p-2 ms-auto"
             onClick={() => {
               window.open(
                 "https://github.com/ballerina-platform/ballerina-distribution/tree/v2201.8.3/examples/break-statement",

diff --git a/swan-lake/by-example/built-in-integer-subtypes/content.jsx b/swan-lake/by-example/built-in-integer-subtypes/content.jsx
@@ -135,7 +135,7 @@ export function BuiltInIntegerSubtypes({ codeSnippets }) {
       >
         <Col className="d-flex align-items-start" sm={12}>
           <button
-            className="bg-transparent border-0 m-0 p-2"
+            className="bg-transparent border-0 m-0 p-2 ms-auto"
             onClick={() => {
               window.open(
                 "https://github.com/ballerina-platform/ballerina-distribution/tree/v2201.8.3/examples/built-in-integer-subtypes",

diff --git a/swan-lake/by-example/built-in-string-subtype/content.jsx b/swan-lake/by-example/built-in-string-subtype/content.jsx
@@ -56,7 +56,7 @@ export function BuiltInStringSubtype({ codeSnippets }) {
       >
         <Col className="d-flex align-items-start" sm={12}>
           <button
-            className="bg-transparent border-0 m-0 p-2"
+            className="bg-transparent border-0 m-0 p-2 ms-auto"
             onClick={() => {
               window.open(
                 "https://github.com/ballerina-platform/ballerina-distribution/tree/v2201.8.3/examples/built-in-string-subtype",

diff --git a/swan-lake/by-example/cache-basics/content.jsx b/swan-lake/by-example/cache-basics/content.jsx
@@ -71,7 +71,7 @@ export function CacheBasics({ codeSnippets }) {
       >
         <Col className="d-flex align-items-start" sm={12}>
           <button
-            className="bg-transparent border-0 m-0 p-2"
+            className="bg-transparent border-0 m-0 p-2 ms-auto"
             onClick={() => {
               window.open(
                 "https://github.com/ballerina-platform/ballerina-distribution/tree/v2201.8.3/examples/cache-basics",

diff --git a/swan-lake/by-example/cache-invalidation/content.jsx b/swan-lake/by-example/cache-invalidation/content.jsx
@@ -83,7 +83,7 @@ export function CacheInvalidation({ codeSnippets }) {
       >
         <Col className="d-flex align-items-start" sm={12}>
           <button
-            className="bg-transparent border-0 m-0 p-2"
+            className="bg-transparent border-0 m-0 p-2 ms-auto"
             onClick={() => {
               window.open(
                 "https://github.com/ballerina-platform/ballerina-distribution/tree/v2201.8.3/examples/cache-invalidation",

diff --git a/swan-lake/by-example/casting-json-to-user-defined-type/content.jsx b/swan-lake/by-example/casting-json-to-user-defined-type/content.jsx
@@ -70,7 +70,7 @@ export function CastingJsonToUserDefinedType({ codeSnippets }) {
       >
         <Col className="d-flex align-items-start" sm={12}>
           <button
-            className="bg-transparent border-0 m-0 p-2"
+            className="bg-transparent border-0 m-0 p-2 ms-auto"
             onClick={() => {
               window.open(
                 "https://github.com/ballerina-platform/ballerina-distribution/tree/v2201.8.3/examples/casting-json-to-user-defined-type",

diff --git a/swan-lake/by-example/check-expression/content.jsx b/swan-lake/by-example/check-expression/content.jsx
@@ -57,7 +57,7 @@ export function CheckExpression({ codeSnippets }) {
       >
         <Col className="d-flex align-items-start" sm={12}>
           <button
-            className="bg-transparent border-0 m-0 p-2"
+            className="bg-transparent border-0 m-0 p-2 ms-auto"
             onClick={() => {
               window.open(
                 "https://github.com/ballerina-platform/ballerina-distribution/tree/v2201.8.3/examples/check-expression",

diff --git a/swan-lake/by-example/check-semantics/content.jsx b/swan-lake/by-example/check-semantics/content.jsx
@@ -80,7 +80,7 @@ export function CheckSemantics({ codeSnippets }) {
       >
         <Col className="d-flex align-items-start" sm={12}>
           <button
-            className="bg-transparent border-0 m-0 p-2"
+            className="bg-transparent border-0 m-0 p-2 ms-auto"
             onClick={() => {
               window.open(
                 "https://github.com/ballerina-platform/ballerina-distribution/tree/v2201.8.3/examples/check-semantics",

diff --git a/swan-lake/by-example/combining-isolated-functions-and-lock/content.jsx b/swan-lake/by-example/combining-isolated-functions-and-lock/content.jsx
@@ -98,7 +98,7 @@ export function CombiningIsolatedFunctionsAndLock({ codeSnippets }) {
       >
         <Col className="d-flex align-items-start" sm={12}>
           <button
-            className="bg-transparent border-0 m-0 p-2"
+            className="bg-transparent border-0 m-0 p-2 ms-auto"
             onClick={() => {
               window.open(
                 "https://github.com/ballerina-platform/ballerina-distribution/tree/v2201.8.3/examples/combining-isolated-functions-and-lock",

diff --git a/swan-lake/by-example/commit-rollback-handlers/content.jsx b/swan-lake/by-example/commit-rollback-handlers/content.jsx
@@ -71,7 +71,7 @@ export function CommitRollbackHandlers({ codeSnippets }) {
       >
         <Col className="d-flex align-items-start" sm={12}>
           <button
-            className="bg-transparent border-0 m-0 p-2"
+            className="bg-transparent border-0 m-0 p-2 ms-auto"
             onClick={() => {
               window.open(
                 "https://github.com/ballerina-platform/ballerina-distribution/tree/v2201.8.3/examples/commit-rollback-handlers",

diff --git a/swan-lake/by-example/computed-field-key/content.jsx b/swan-lake/by-example/computed-field-key/content.jsx
@@ -59,7 +59,7 @@ export function ComputedFieldKey({ codeSnippets }) {
       >
         <Col className="d-flex align-items-start" sm={12}>
           <button
-            className="bg-transparent border-0 m-0 p-2"
+            className="bg-transparent border-0 m-0 p-2 ms-auto"
             onClick={() => {
               window.open(
                 "https://github.com/ballerina-platform/ballerina-distribution/tree/v2201.8.3/examples/computed-field-key",

diff --git a/swan-lake/by-example/const-and-final/content.jsx b/swan-lake/by-example/const-and-final/content.jsx
@@ -59,7 +59,7 @@ export function ConstAndFinal({ codeSnippets }) {
       >
         <Col className="d-flex align-items-start" sm={12}>
           <button
-            className="bg-transparent border-0 m-0 p-2"
+            className="bg-transparent border-0 m-0 p-2 ms-auto"
             onClick={() => {
               window.open(
                 "https://github.com/ballerina-platform/ballerina-distribution/tree/v2201.8.3/examples/const-and-final",

diff --git a/swan-lake/by-example/constraint-validations/content.jsx b/swan-lake/by-example/constraint-validations/content.jsx
@@ -90,7 +90,7 @@ export function ConstraintValidations({ codeSnippets }) {
       >
         <Col className="d-flex align-items-start" sm={12}>
           <button
-            className="bg-transparent border-0 m-0 p-2"
+            className="bg-transparent border-0 m-0 p-2 ms-auto"
             onClick={() => {
               window.open(
                 "https://github.com/ballerina-platform/ballerina-distribution/tree/v2201.8.3/examples/constraint-validations",

diff --git a/swan-lake/by-example/consuming-services/content.jsx b/swan-lake/by-example/consuming-services/content.jsx
@@ -51,7 +51,7 @@ export function ConsumingServices({ codeSnippets }) {
       >
         <Col className="d-flex align-items-start" sm={12}>
           <button
-            className="bg-transparent border-0 m-0 p-2"
+            className="bg-transparent border-0 m-0 p-2 ms-auto"
             onClick={() => {
               window.open(
                 "https://github.com/ballerina-platform/ballerina-distribution/tree/v2201.8.3/examples/consuming-services",

diff --git a/swan-lake/by-example/continue-statement/content.jsx b/swan-lake/by-example/continue-statement/content.jsx
@@ -57,7 +57,7 @@ export function ContinueStatement({ codeSnippets }) {
       >
         <Col className="d-flex align-items-start" sm={12}>
           <button
-            className="bg-transparent border-0 m-0 p-2"
+            className="bg-transparent border-0 m-0 p-2 ms-auto"
             onClick={() => {
               window.open(
                 "https://github.com/ballerina-platform/ballerina-distribution/tree/v2201.8.3/examples/continue-statement",

diff --git a/swan-lake/by-example/controlling-openness/content.jsx b/swan-lake/by-example/controlling-openness/content.jsx
@@ -72,7 +72,7 @@ export function ControllingOpenness({ codeSnippets }) {
       >
         <Col className="d-flex align-items-start" sm={12}>
           <button
-            className="bg-transparent border-0 m-0 p-2"
+            className="bg-transparent border-0 m-0 p-2 ms-auto"
             onClick={() => {
               window.open(
                 "https://github.com/ballerina-platform/ballerina-distribution/tree/v2201.8.3/examples/controlling-openness",

diff --git a/swan-lake/by-example/convert-from-json-to-user-defined-type/content.jsx b/swan-lake/by-example/convert-from-json-to-user-defined-type/content.jsx
@@ -79,7 +79,7 @@ export function ConvertFromJsonToUserDefinedType({ codeSnippets }) {
       >
         <Col className="d-flex align-items-start" sm={12}>
           <button
-            className="bg-transparent border-0 m-0 p-2"
+            className="bg-transparent border-0 m-0 p-2 ms-auto"
             onClick={() => {
               window.open(
                 "https://github.com/ballerina-platform/ballerina-distribution/tree/v2201.8.3/examples/convert-from-json-to-user-defined-type",

diff --git a/swan-lake/by-example/converting-from-table-and-xml-to-json/content.jsx b/swan-lake/by-example/converting-from-table-and-xml-to-json/content.jsx
@@ -50,7 +50,7 @@ export function ConvertingFromTableAndXmlToJson({ codeSnippets }) {
       >
         <Col className="d-flex align-items-start" sm={12}>
           <button
-            className="bg-transparent border-0 m-0 p-2"
+            className="bg-transparent border-0 m-0 p-2 ms-auto"
             onClick={() => {
               window.open(
                 "https://github.com/ballerina-platform/ballerina-distribution/tree/v2201.8.3/examples/converting-from-table-and-xml-to-json",

diff --git a/swan-lake/by-example/converting-from-user-defined-type-to-json/content.jsx b/swan-lake/by-example/converting-from-user-defined-type-to-json/content.jsx
@@ -69,7 +69,7 @@ export function ConvertingFromUserDefinedTypeToJson({ codeSnippets }) {
       >
         <Col className="d-flex align-items-start" sm={12}>
           <button
-            className="bg-transparent border-0 m-0 p-2"
+            className="bg-transparent border-0 m-0 p-2 ms-auto"
             onClick={() => {
               window.open(
                 "https://github.com/ballerina-platform/ballerina-distribution/tree/v2201.8.3/examples/converting-from-user-defined-type-to-json",

diff --git a/swan-lake/by-example/covariance/content.jsx b/swan-lake/by-example/covariance/content.jsx
@@ -50,7 +50,7 @@ export function Covariance({ codeSnippets }) {
       >
         <Col className="d-flex align-items-start" sm={12}>
           <button
-            className="bg-transparent border-0 m-0 p-2"
+            className="bg-transparent border-0 m-0 p-2 ms-auto"
             onClick={() => {
               window.open(
                 "https://github.com/ballerina-platform/ballerina-distribution/tree/v2201.8.3/examples/covariance",

diff --git a/swan-lake/by-example/create-maps-with-query/content.jsx b/swan-lake/by-example/create-maps-with-query/content.jsx
@@ -63,7 +63,7 @@ export function CreateMapsWithQuery({ codeSnippets }) {
       >
         <Col className="d-flex align-items-start" sm={12}>
           <button
-            className="bg-transparent border-0 m-0 p-2"
+            className="bg-transparent border-0 m-0 p-2 ms-auto"
             onClick={() => {
               window.open(
                 "https://github.com/ballerina-platform/ballerina-distribution/tree/v2201.8.3/examples/create-maps-with-query",

diff --git a/swan-lake/by-example/create-streams-with-query/content.jsx b/swan-lake/by-example/create-streams-with-query/content.jsx
@@ -66,7 +66,7 @@ export function CreateStreamsWithQuery({ codeSnippets }) {
       >
         <Col className="d-flex align-items-start" sm={12}>
           <button
-            className="bg-transparent border-0 m-0 p-2"
+            className="bg-transparent border-0 m-0 p-2 ms-auto"
             onClick={() => {
               window.open(
                 "https://github.com/ballerina-platform/ballerina-distribution/tree/v2201.8.3/examples/create-streams-with-query",

diff --git a/swan-lake/by-example/create-tables-with-query/content.jsx b/swan-lake/by-example/create-tables-with-query/content.jsx
@@ -66,7 +66,7 @@ export function CreateTablesWithQuery({ codeSnippets }) {
       >
         <Col className="d-flex align-items-start" sm={12}>
           <button
-            className="bg-transparent border-0 m-0 p-2"
+            className="bg-transparent border-0 m-0 p-2 ms-auto"
             onClick={() => {
               window.open(
                 "https://github.com/ballerina-platform/ballerina-distribution/tree/v2201.8.3/examples/create-tables-with-query",

diff --git a/swan-lake/by-example/decimal-type/content.jsx b/swan-lake/by-example/decimal-type/content.jsx
@@ -60,7 +60,7 @@ export function DecimalType({ codeSnippets }) {
       >
         <Col className="d-flex align-items-start" sm={12}>
           <button
-            className="bg-transparent border-0 m-0 p-2"
+            className="bg-transparent border-0 m-0 p-2 ms-auto"
             onClick={() => {
               window.open(
                 "https://github.com/ballerina-platform/ballerina-distribution/tree/v2201.8.3/examples/decimal-type",

diff --git a/swan-lake/by-example/default-values-for-function-parameters/content.jsx b/swan-lake/by-example/default-values-for-function-parameters/content.jsx
@@ -51,7 +51,7 @@ export function DefaultValuesForFunctionParameters({ codeSnippets }) {
       >
         <Col className="d-flex align-items-start" sm={12}>
           <button
-            className="bg-transparent border-0 m-0 p-2"
+            className="bg-transparent border-0 m-0 p-2 ms-auto"
             onClick={() => {
               window.open(
                 "https://github.com/ballerina-platform/ballerina-distribution/tree/v2201.8.3/examples/default-values-for-function-parameters",

diff --git a/swan-lake/by-example/default-values-for-record-fields/content.jsx b/swan-lake/by-example/default-values-for-record-fields/content.jsx
@@ -67,7 +67,7 @@ export function DefaultValuesForRecordFields({ codeSnippets }) {
       >
         <Col className="d-flex align-items-start" sm={12}>
           <button
-            className="bg-transparent border-0 m-0 p-2"
+            className="bg-transparent border-0 m-0 p-2 ms-auto"
             onClick={() => {
               window.open(
                 "https://github.com/ballerina-platform/ballerina-distribution/tree/v2201.8.3/examples/default-values-for-record-fields",