Updating UI for access history and access log modals

web/react/components/activity_log_modal.jsx

@@ -167,8 +167,8 @@ export default class ActivityLogModal extends React.Component {
                 <Modal.Header closeButton={true}>
                     <Modal.Title>{'Active Sessions'}</Modal.Title>
                 </Modal.Header>
-                <p className='session-help-text'>{'Sessions are created when you log in with your email and password to a new browser on a device. Sessions let you use Mattermost for up to 30 days without having to log in again. If you want to log out sooner, use the \'Logout\' button below to end a session.'}</p>
                 <Modal.Body ref='modalBody'>
+                    <p className='session-help-text'>{'Sessions are created when you log in with your email and password to a new browser on a device. Sessions let you use Mattermost for up to 30 days without having to log in again. If you want to log out sooner, use the \'Logout\' button below to end a session.'}</p>
                     {content}
                 </Modal.Body>
             </Modal>

web/sass-files/sass/partials/_access-history.scss

@@ -19,10 +19,6 @@
         border-bottom: 1px solid #ddd;
         padding-bottom: 15px;
     }
-    .report__time {
-        font-weight: 600;
-        font-size: 15px;
-    }
     .report__info {
         @include opacity(0.8);
     }

web/sass-files/sass/partials/_activity-log.scss

@@ -36,7 +36,7 @@
         text-align: right;
     }
     .report__platform {
-        font-size: 16px;
+        font-size: 15px;
         font-weight: 600;
         .fa {
             margin-right: 6px;
@@ -47,5 +47,5 @@
     }
 }
 .session-help-text {
-    padding: 20px 20px 5px 20px;
+    padding: 0 0 20px;
 }