degree-planner.component.scss

#plans-container {
	height: calc(100vh - 112px);
}

mat-sidenav {
	width: 340px;
}

#menu-toggle-btn {
	position: absolute;
	right: 0px;
	top: 20px;
	border-radius: 50% 0 0 50%;
	padding: 8px;
	background-color: #F0F0F0;
}

.degree-plan-selector {
  height: 27px;

  mat-select-trigger {
    height: 24px;
    display: inline-block;
    position: relative;
    top: 1px;

    .plan-name {
      position: relative;
      top: 1px;
      display: inline-block;
      vertical-align: top;
      height: 24px;
      line-height: 24px;
    }
  }

  .primary-star {
    margin-right: 12px;
  }
}

@media screen and (max-width: 600px) {
	#menu-toggle-btn {
		position: relative;
		top: 0;
		right: 0;
		border-radius: 50%;
		padding: 12px;
	}
}