statute-page-changes.css

/* html changes for body:
- use .ds-l-container on the #statuteApp element
- add a wrapping .ds-l-row element wrapping around .nav-container and inside .statute__container
- use .ds-l-col--12 ds-l-md-col--4 ds-l-lg-col--3 on .content__selector
- use .content inside the row
- use .ds-l-col--12 ds-l-md-col--8 ds-l-lg-col--9 on .table__parent
- add a main element around statuteApp
*/


.header--content-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}

/* main.css */

.ds-l-container {
  /* max-width: 1040px; */
  max-width: 1440px;
}

.statute-page #statuteApp .statute__container .content .content__selector {
  /* flex: 0 0 200px; */
  /* margin-right: 25px; */
}

.statute-page #statuteApp .statute__container .content .table__parent {
  /* padding: 0.75rem; */
  /* border: 1px solid #d6d7d9; */
  /* border-radius: 4px; */
  /* width: 100%; */
}

@media (min-width: 1280px) {
  .nav-container {
    /* padding: 0 32px; */
  }
}

.nav-container {
  /* overflow: auto; */
  /* background: #fff; */
  /* padding: 0 40px; */
}

@media (min-width: 1280px) {
  .statute-page #statuteApp .statute__container {
    /* padding-left: 32px; */
  }
}

.statute-page #statuteApp .statute__container {
  /* padding: 0 40px; */
}

.statute-page #statuteApp .statute__container .content {
  /* display: flex; */
  /* flex-direction: row; */
  /* padding-top: 30px; */
  /* padding-bottom: 30px; */
}

.nav-container .content h1 {
  /* margin-top: 45px; */
  /* margin-bottom: 15px; */
}

/* index.css */

.statute-page #statuteApp .statute__container .content .content__selector {
  /* flex: 0 0 200px; */
  /* margin-right: 25px; */
}

@media (min-width: 1280px) {
  .nav-container {
    /* padding: 0 32px; */
  }
}

.nav-container {
  /* overflow: auto; */
  /* background: #fff; */
  /* padding: 0 40px; */
}

@media (min-width: 1280px) {
  .statute-page #statuteApp .statute__container {
    /* padding-left: 32px; */
  }
}

.statute-page #statuteApp .statute__container {
  /* padding: 0 40px; */
}

.statute-page #statuteApp .statute__container .content {
  /* display: row; */
  /* flex-direction: row; */
  /* padding-top: 30px; */
  /* padding-bottom: 30px; */
}

.nav-container .content h1 {
  /* margin-top: 45px; */
  /* margin-bottom: 15px; */
  margin-bottom: 16px;
}

body > main:nth-child(2) {
  padding: 24px 16px;
  width: 100%;
}