Changing the number of SSO Services in a row in Cloudwork.ID

Changing the number of SSO Services in a row in Cloudwork.ID

The more SSO Services a school adds with Cloudwork and adding the services to Cloudwork.ID, this starts to affect the user experience in that a user will need to scroll for longer to reach the desired service.
By changing the CSS for the Cloudwork.ID, the number of SSO Services in each row can be changed from four to five services, this will help alleviate the amount of scrolling for a user.

Changing the number of SSO Services in each from four to five in the Cloudwork.ID

1. In the Cloudwork Dashboard>side menu>Settings>Cloudwork.ID Settings>Look and Feel>Edit
2. Under Custom Styles add the following code and click submit

  @media screen and (min-width: 991px) {
  .col-lg-3 {
   max-width: 20%;
   flex: 1 1 20%;
    }
   .container {
   max-width: 1440px;
   width: 100%;
   padding-right: 15px;
   margin-right: auto;
   margin-left: auto;
  }
  }