Merge pull request #893 from supertokens/fix/spacing

Fix spacing inside the doc layout

Author: bcbogdan

v3/docs/authentication/unified-login/use-cases/reuse-website-login.mdx

@@ -133,7 +133,9 @@ We recommend using a generic **OICD** or **OAuth** library in order to do this.
 
 <MobileFrameworksCard>
 
-<MobileFrameworksCard.Content value="react-native">
+<MobileFrameworksCard.Content value="reactnative">
+
+<MobileFrameworksCard.Section>
 
 You can use the [react-native-app-auth](https://commerce.nearform.com/open-source/react-native-app-auth/) library. 
 Just follow [the instructions](https://commerce.nearform.com/open-source/react-native-app-auth/docs/usage/config) to setup your application. 
@@ -149,10 +151,14 @@ You will also need to set the `additionalParameters` property with the following
 - `max_age: 0` This will force a new authentication flow once the user ends up on the **Authorization Service** frontend.
 - `tenant_id: <TENANT_ID>` Optional, in case you are using a multi tenant setup. Set this to the actual tenant ID.
 
+</MobileFrameworksCard.Section>
+
 </MobileFrameworksCard.Content>
 
 <MobileFrameworksCard.Content value="android">
 
+<MobileFrameworksCard.Section>
+
 You can use the [AppAuth-Android](https://github.com/openid/AppAuth-Android) library. 
 Just follow [the instructions](https://github.com/openid/AppAuth-Android?tab=readme-ov-file#authorization-service-configuration) to setup your application. 
 
@@ -165,10 +171,14 @@ You will need to set additional query parameters by calling the `setAdditionalPa
 - `max_age: 0` This will force a new authentication flow once the user ends up on the **Authorization Service** frontend.
 - `tenant_id: <TENANT_ID>` Optional, in case you are using a multi tenant setup. Set this to the actual tenant ID.
 
+</MobileFrameworksCard.Section>
+
 </MobileFrameworksCard.Content>
 
 <MobileFrameworksCard.Content value="ios">
 
+<MobileFrameworksCard.Section>
+
 You can use the [AppAuth-iOS](https://github.com/openid/AppAuth-Android) library. 
 Just follow [the instructions](https://github.com/openid/AppAuth-iOS?tab=readme-ov-file#auth-flow) to setup your application. 
 
@@ -184,10 +194,14 @@ You will also need to set extra query parameters, when instantiating the `OIDAut
 - `max_age: 0` This will force a new authentication flow once the user ends up on the **Authorization Service** frontend.
 - `tenant_id: <TENANT_ID>` Optional, in case you are using a multi tenant setup. Set this to the actual tenant ID.
 
+</MobileFrameworksCard.Section>
+
 </MobileFrameworksCard.Content>
 
 <MobileFrameworksCard.Content value="flutter"> 
 
+<MobileFrameworksCard.Section>
+
 You can use the [AppAuth](https://github.com/MaikuB/flutter_appauth) library. 
 Just follow [the instructions](https://github.com/MaikuB/flutter_appauth/tree/master/flutter_appauth) to setup your application. 
 
@@ -202,6 +216,8 @@ You will also need to set the `additionalParameters` property with the following
 - `max_age: 0` This will force a new authentication flow once the user ends up on the **Authorization Service** frontend.
 - `tenant_id: <TENANT_ID>` Optional, in case you are using a multi tenant setup. Set this to the actual tenant ID.
 
+</MobileFrameworksCard.Section>
+
 </MobileFrameworksCard.Content>
 
 </MobileFrameworksCard>

v3/docusaurus.config.ts

@@ -38,10 +38,7 @@ const config: Config = {
 					sidebarPath: "./sidebars.ts",
 					exclude: ["**/_*", "**/_*/**"],
 					breadcrumbs: false,
-					// Please change this to your repo.
-					// Remove this to remove the "edit this page" links.
-					editUrl:
-						"https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/",
+					editUrl: "https://github.com/supertokens/docs/tree/master/v3/",
 					beforeDefaultRemarkPlugins: [
 						remarkDocItemContextValues,
 						remarkRemoveCodeTypeCheckingCommentsAndRows,

v3/src/css/custom.scss

@@ -33,6 +33,10 @@
 	--ifm-toc-border-color: #ffffff1a;
 	--ifm-navbar-height: 100px;
 
+	// Spacing
+	--ifm-container-width-xl: 1200px;
+	--ifm-container-max-width: 1000px;
+
 	// Navbar customization
 	--ifm-navbar-background-color: #191a1c;
 	--ifm-navbar-height: 110px;