From 9e48d18662df17fc76126e8e719876732ca954c6 Mon Sep 17 00:00:00 2001
From: pnogal <paulina.nogal@wisc.edu>
Date: Mon, 26 Nov 2018 09:18:09 -0600
Subject: [PATCH] Add list style

---
 .../course-details-dialog.component.html                     | 2 +-
 .../course-details-dialog.component.scss                     | 5 +++++
 .../course-details-dialog/course-details-dialog.component.ts | 2 +-
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/app/degree-planner/dialogs/course-details-dialog/course-details-dialog.component.html b/src/app/degree-planner/dialogs/course-details-dialog/course-details-dialog.component.html
index 4f740a0..23b3bb1 100644
--- a/src/app/degree-planner/dialogs/course-details-dialog/course-details-dialog.component.html
+++ b/src/app/degree-planner/dialogs/course-details-dialog/course-details-dialog.component.html
@@ -39,7 +39,7 @@
 		<ul>
 			<li *ngIf="courseDetails.lastTaught"><span class="semi-bold">Last Taught:</span> {{ courseDetails.lastTaught | getTermDescription }}</li>
 			<li *ngIf="(courseDetails.gradCourseWork || courseDetails.workplaceExperience || courseDetails.foreignLanguage)" ><span class="semi-bold">Course Options:</span>
-				<ul>
+				<ul class="course-options-list">
 					<li>
 						<span *ngIf="courseDetails.gradCourseWork">50% Graduate Coursework Requirement</span>
 						<span *ngIf="courseDetails.workplaceExperience">{{ courseDetails.workplaceExperience.description }}</span>
diff --git a/src/app/degree-planner/dialogs/course-details-dialog/course-details-dialog.component.scss b/src/app/degree-planner/dialogs/course-details-dialog/course-details-dialog.component.scss
index 880b829..4a0054d 100644
--- a/src/app/degree-planner/dialogs/course-details-dialog/course-details-dialog.component.scss
+++ b/src/app/degree-planner/dialogs/course-details-dialog/course-details-dialog.component.scss
@@ -6,6 +6,11 @@
         list-style: none;
         padding-inline-start: 0px;
     }
+    .course-options-list {
+        list-style: circle;
+        -webkit-padding-start: 1.2em;
+        padding-inline-start: 1.2em;
+    }
     .course-detail-title {
         h3 {
             line-height: 1.2;
diff --git a/src/app/degree-planner/dialogs/course-details-dialog/course-details-dialog.component.ts b/src/app/degree-planner/dialogs/course-details-dialog/course-details-dialog.component.ts
index 00ad9dc..59aff05 100644
--- a/src/app/degree-planner/dialogs/course-details-dialog/course-details-dialog.component.ts
+++ b/src/app/degree-planner/dialogs/course-details-dialog/course-details-dialog.component.ts
@@ -1,5 +1,5 @@
 import { Component, OnInit, Inject } from '@angular/core';
-import { CourseDetails, Level, Breadth } from '../../../core/models/course-details';
+import { CourseDetails } from '../../../core/models/course-details';
 import { DataService } from '../../../core/data.service';
 import { MAT_DIALOG_DATA } from '@angular/material';
 
-- 
GitLab