@import "base/environment";
@import "components/ic-theme-card";

.ic-ThemeCard-container {
  + .ic-ThemeCard-container { margin-bottom: $ic-sp*3; }
}

.ic-ThemeCard-container__Main {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.ic-ThemeCard-container__Heading {
  @include fontSize(14px);
  position: relative;
  line-height: 1;
  text-align: center;
  color: $ic-font-color--subdued;
  margin: 0 0 $ic-sp*2;
  &:before {
    content: "";
    position: absolute;
    top: 50%; left: 0;
    height: 1px; width: 100%;
    background: $ic-border-light;
  }
}

.ic-ThemeCard-container__Heading-text {
  display: inline-block;
  background: $ic-color-light;
  position: relative;
  z-index: 1;
  padding-left: $ic-sp;
  padding-right: $ic-sp;
}

.ic-ThemeCard-add-template-menu {

  .ui-menu-item a {
    min-width: 240px; // override default kyle menu width
    padding-left: $ic-sp*2;
    padding-top: $ic-sp/4;
    padding-bottom: $ic-sp/4;
  }
}
@import "base/environment";
@import "components/ic-theme-card";

.ic-ThemeCard-container {
  + .ic-ThemeCard-container { margin-bottom: $ic-sp*3; }
}

.ic-ThemeCard-container__Main {
  display: flex;
  flex-wrap: wrap;
}

.ic-ThemeCard-container__Heading {
  @include fontSize(14px);
  position: relative;
  line-height: 1;
  text-align: center;
  color: $ic-font-color--subdued;
  margin: 0 0 $ic-sp*2;
  &:before {
    content: "";
    position: absolute;
    top: 50%; left: 0;
    height: 1px; width: 100%;
    background: $ic-border-light;
  }
}

.ic-ThemeCard-container__Heading-text {
  display: inline-block;
  background: $ic-color-light;
  position: relative;
  z-index: 1;
  padding-left: $ic-sp;
  padding-right: $ic-sp;
}

.ic-ThemeCard-add-template-menu {

  .ui-menu-item a {
    min-width: 240px; // override default kyle menu width
    padding-left: $ic-sp*2;
    padding-top: $ic-sp/4;
    padding-bottom: $ic-sp/4;
  }
}
Make theme cards align left instead of center
Make theme cards align left instead of center

Instead of center justifying the theme cards, this makes it so they align
left

closes: CNVS-29109

Test Plan:
- Go to Theme Collection view
- All theme cards should now align to the left, instead of centered

Example:
https://www.dropbox.com/s/smz9a4ruojl461r/Screenshot%202016-05-11%2014.18.10.png?dl=0

Change-Id: Id24b5896d286c909e93e7ae5b67b63e353f40a8e
Reviewed-on: https://gerrit.instructure.com/79347
Reviewed-by: Pam Hiett <7b533437add1ce4ea4ed79979fa88e0e484e554b@instructure.com>
Reviewed-by: Chris Hart <b82b40b84a2f06957ec9caf1768340bd6b929cc4@instructure.com>
Tested-by: Jenkins
QA-Review: Nathan Rogowski <2e8aa918660411855c6d44d5bb2da677aa033255@instructure.com>
Product-Review: Colleen Palmer <387ba1943871e60965e6b44638a2f2e1ab9b8469@instructure.com>
