updated layout and page name (#377)

Updated wording
Updated styling

---------

Co-authored-by: Lola Valente <lvalente@codio.com>

Author: LolaValente

source/_static/css/codio.css

@@ -228,4 +228,10 @@
 .small-text {
     font-size: 0.85em;
 }
-.tiny { font-size: 0.75em; }
+.tiny { 
+  font-size: 0.75em; 
+  }
+
+.float-right { 
+  float: right; width: 300px; margin-left: 50px;
+   }

source/instructors/admin/integration/lms-students.rst

@@ -3,31 +3,49 @@
 
 .. _lms-users:
 
-User account creation
-=====================
+Creating User Account
+======================
 
-When integrating with an external system, you do not :ref:`add/invite <add-remove-students>` students or teachers to your course. All is handled when the users access an assignment in the system mapped to Codio and the features to invite students into the course are not enabled.
+When integrating with an external system, you don't need to manually :ref:`add or invite <add-remove-students>` students and teachers to your course. User enrollment is handled automatically when they access assignments that are mapped to Codio, and the manual invitation features are disabled in this configuration.
 
-It is also important to understand how Codio maps external system users to Codio users. The following rules should be understood. 
+Understanding how Codio maps external system users to Codio users is important. Here are the key mapping rules:
 
-- If students or faculty access Codio via an LMS assignment then Codio will initially use the LMS email address to identify the user and create the Codio account. 
+.. raw:: html
+
+   <div style="float: right; width: 350px; margin: 0 0 10px 20px; padding: 10px; background: #f0f0f0; border: 3px solid #00ece5;">
+   <strong>Note:</strong> Anonymous students (with no email associated) can access Codio through an LMS. This must be set up within the LMS. 
+   </div>
 
-.. Note:: Anonymous students (with no email associated) can access Codio through an LMS. This must be set up within the LMS. 
+- If students or faculty access Codio via an LMS assignment then Codio will initially use the LMS email address to identify the user and create the Codio account. 
 
 - In all subsequent access, the userID will be used so in the event the user changes their email address in the LMS, the user will be mapped to the same Codio account.
+
 - If the user is not known to Codio then we will sign up the user as a new Codio user in the background and take the user directly into the Codio content. The LMS user role will be carried over as well.
 
-.. Note:: The users LMS password is not passed to Codio so if the user may wish to log into Codio directly in the future, they will need to create a :ref:`password <password>` for their Codio account (and of course it is always recommended that the same passwords are not used in different applications).
+.. raw:: html
+
+   <div style="float: right; width: 350px; margin: 0 0 10px 20px; padding: 10px; background: #f0f0f0; border: 3px solid #00ece5;">
+   <strong>Note:</strong> The users LMS password is not passed to Codio so if the user may wish to log into Codio directly in the future, they will need to create a <a href="#password">password</a> for their Codio account (and of course it is always recommended that the same passwords are not used in different applications).
+   </div>
 
 - If the user is known to Codio then Codio will take them directly into the Codio content without any sign-in required. If they are a Codio user but are not a member of your organization then they will be required to complete a verification via email.
 
-- If a student joins Codio from an LMS a new Codio account will be created even if the student already has a Codio account using the same email address where we do not have a userID + LMS system id. 
+- If a student joins Codio from an LMS a new Codio account will be created even if the student already has a Codio account using the same email address where we do not have a userID + LMS system id.  
+
+.. raw:: html
 
-.. Note:: If you need to reset your password, you can use your username instead of your email address. Alternatively, you can contact your course instructor, who can assist with `resetting the password <https://docs.codio.com/instructors/teaching/resetpassword.html#reset-pass>`_.
+   <div style="float: right; width: 350px; margin: 0 0 10px 20px; padding: 10px; background: #f0f0f0; border: 3px solid #00ece5;">
+   <strong>Note:</strong> If you need to reset your password, you can use your username instead of your email address. Alternatively, you can contact your course instructor, who can assist with <a href="https://docs.codio.com/instructors/teaching/resetpassword.html#reset-pass">resetting the password</a>.
+   </div>
 
 - After successful mapping of an user's LMS account to their Codio account, if the user has changed their details such as name or email in their LMS account, Codio will automatically update those details the next time the user accesses Codio from their LMS. Codio will not update the email if another user with the same email already exists.
 
-.. Note:: If your organization is in trial mode, student accounts will not be created via LTI integration. Ensure your organization has an active subscription to allow student enrollments.
+.. raw:: html
+
+   <div  style="margin: 0 0 10px 20px; padding: 10px; background: #f0f0f0; border: 3px solid #00ece5;">
+   <strong>Note:</strong> If your organization is in trial mode, student accounts will not be created via LTI integration. Ensure your organization has an active subscription to allow student enrollments.
+   </div>
+
 
 Teacher Roles
 ~~~~~~~~~~~~~
@@ -50,4 +68,4 @@ If you wish to only allow Mentors to view/manage specific students in the course
 LTI Field to Uniquely Identify Students
 ---------------------------------------
 
-It is a custom LTI field to uniquely identify students, that field transparently added to our CSV export data files if you would like to do mapping of the results manually. You can find this setting on **LTI Integrations** tab in your Organization Settings.
+This is a unique identifier for students found in a custom LTI field. This field is automatically added to the CSV export data files, enabling you to map results manually if necessary. You can adjust this option in the **LTI Integrations** section of your Organization Settings.