Remove beta tag - Role Management API (V2) (#5324)

* Remove beta tag - Role Management API (V2)

* API page changes

Author: kimsauce

docs/api/getting-started.md

@@ -2,7 +2,7 @@
 id: getting-started
 title: API Authentication, Endpoints, and Security
 sidebar_label: Authentication and Endpoints
-description: This guide contains information about API authentication and the Sumo Logic endpoints to use for your API client.
+description: Authenticate and connect to Sumo Logic APIs. Learn how to set up access keys and find the right endpoint for your deployment region.
 ---
 
 import useBaseUrl from '@docusaurus/useBaseUrl';

docs/api/index.md

@@ -8,18 +8,17 @@ import useBaseUrl from '@docusaurus/useBaseUrl';
 
 Use the Sumo Logic Application Programming Interfaces (APIs) to interact with our platform and access resources and data programmatically from third-party scripts and apps.
 
-:::sumo Get Help
-To connect with other Sumo Logic users, post feedback, or ask a question, visit the [Sumo Logic API and Apps Forum](https://support.sumologic.com/support/s/topic/0TO6Q000000gTC8WAM/apis?tabset-cabe3=2) and [Sumo Dojo](http://slack.sumologic.com/).
-:::
-
 <div className="box-wrapper" markdown="1">
-
-<div className="box smallbox card">
+<div className="box boxwidetop card">
   <div className="container">
   <a href="/docs/api/getting-started"><img src={useBaseUrl('img/icons/cloud/api2.png')} alt="icon" width="50"/><h4>Authentication and Endpoints</h4></a>
-  <p>API authentication and the Sumo Logic endpoints to use for your API client.</p>
+  <p>Get your API credentials and endpoint URL to start using the Sumo Logic APIs.</p>
   </div>
-</div>
+</div></div>
+
+<br/>
+
+<div className="box-wrapper" markdown="1">
 <div className="box smallbox card">
   <div className="container">
   <a href="/docs/api/access-keys"><img src={useBaseUrl('img/icons/security/security.png')} alt="Thumbnail icon" width="50"/><h4>Access Keys</h4></a>
@@ -187,7 +186,7 @@ To connect with other Sumo Logic users, post feedback, or ask a question, visit
 </div>
 <div className="box smallbox card">
   <div className="container">
-  <a href="/docs/api/role-management-v2"><img src={useBaseUrl('img/icons/operations/role-based-access.png')} alt="Thumbnail icon" width="50"/><h4>Roles v2 (Beta)</h4></a>  
+  <a href="/docs/api/role-management-v2"><img src={useBaseUrl('img/icons/operations/role-based-access.png')} alt="Thumbnail icon" width="50"/><h4>Roles v2</h4></a>  
   </div>
 </div>
 <div className="box smallbox card">
@@ -261,3 +260,7 @@ To connect with other Sumo Logic users, post feedback, or ask a question, visit
   </div>
 </div>
 </div>
+
+:::sumo Get Help
+To connect with other Sumo Logic users, post feedback, or ask a question, visit the [Sumo Logic API and Apps Forum](https://support.sumologic.com/support/s/topic/0TO6Q000000gTC8WAM/apis?tabset-cabe3=2) and [Sumo Dojo](http://slack.sumologic.com/).
+:::

docs/api/role-management-v2.md

@@ -1,8 +1,8 @@
 ---
 id: role-management-v2
-title: Role Management APIs V2 (Beta)
+title: Role Management APIs V2
 sidebar_label: Roles V2
-description: Role Management APIs V2 (Beta) allow you to manage roles from HTTP endpoints.
+description: Role Management APIs V2 allow you to manage roles from HTTP endpoints.
 ---
 
 import useBaseUrl from '@docusaurus/useBaseUrl';
@@ -11,8 +11,6 @@ import ApiRoles from '../reuse/api-roles.md';
 
 <img src={useBaseUrl('img/icons/operations/role-based-access.png')} alt="icon" width="50"/>
 
-<p> <a href="/docs/beta"><span className="beta">Beta</span></a> </p>
-
 Roles determine the functions that users are able to perform in Sumo Logic. The Role Management API (V2) allows you to configure access on partitions and manage roles from HTTP endpoints.
 
 To manage roles, you must have an administrator role or your role must have been assigned the [Manage Users and Roles](/docs/manage/users-roles/) capability.

src/css/sumo.scss

@@ -1097,15 +1097,13 @@ html[data-theme='dark'] .node polygon {
 }
 
 .boxwidetop {
-  margin-bottom: 30px;
-  padding: 8px;
-  font-size: .9rem;
-}
-
-.boxwidebottom {
+  flex-basis: 100%;
+  max-width: calc(3 * 225px + 2 * 50px);
+  width: 100%;
   margin-top: 30px;
   padding: 8px;
-  font-size: .9rem;
+  font-size: 0.9rem;
+  align-self: flex-start;
 }
 
 .smallbox h4 {