energylink/public/sass/components/edit_sidemenu.scss

.edit-tab-with-sidemenu {
  display: flex;
  flex-direction: row;
}

.edit-tab-content {
  flex-grow: 1;
  min-width: 0;
}

.edit-sidemenu-aside {
  min-width: 15rem;
}

.edit-sidemenu {
  width: 100%;
  list-style: none;

  li.active {
    @include left-brand-border-gradient();
  }

  a {
    display: block;
    color: $text-color;
    margin: 0 0 1.5rem 1rem;
  }
}


@include media-breakpoint-down(sm) {
  .edit-tab-with-sidemenu {
    flex-direction: column;
  }

  .edit-sidemenu-aside {
    width: 100%;
    margin-bottom: 2rem;
  }

  .edit-sidemenu {
    li {
      float: left;
    }
    a {
      margin: 0.3rem 1rem;
    }
  }
}