Add delete button on docs

style/_bootstrap.scss

@@ -21,4 +21,18 @@ $font-family-base: $font_para;
 
 .alert-error {
 	@extend .alert-danger;
+}
+
+.btn.btn-labeled {
+	padding-top: 0;
+	padding-bottom: 0;
+			
+	.btn-label {
+		position: relative;
+		left: -12px;
+		display: inline-block;
+		padding: 6px 12px;
+		background: rgba(0, 0, 0, 0.15);
+		border-radius: 3px 0 0 3px;
+	}
 }

style/_font-awesome.scss

@@ -12,6 +12,11 @@ $fa-css-prefix: fa;
 @import 'fa/rotated-flipped';
 @import 'fa/stacked';
 
+//Common
+.#{$fa-css-prefix}-previous:before { content: fa-content($fa-var-chevron-left); }
+.#{$fa-css-prefix}-next:before { content: fa-content($fa-var-chevron-right); }
+.#{$fa-css-prefix}-delete:before { content: fa-content($fa-var-trash-alt); }
+
 //Logon
 .#{$fa-css-prefix}-user:before { content: fa-content($fa-var-user); }
 .#{$fa-css-prefix}-password:before { content: fa-content($fa-var-key); }
@@ -21,9 +26,6 @@ $fa-css-prefix: fa;
 .#{$fa-css-prefix}-settings:before { content: fa-content($fa-var-cog); }
 .#{$fa-css-prefix}-logoff:before { content: fa-content($fa-var-sign-out); }
 
-//Workshops
-.#{$fa-css-prefix}-previous:before { content: fa-content($fa-var-chevron-left); }
-
 //Course
 .#{$fa-css-prefix}-file-upload:before { content: fa-content($fa-var-file-upload); }
 .#{$fa-css-prefix}-file-image:before { content: fa-content($fa-var-file-image); }

style/_page_course.scss

@@ -12,24 +12,12 @@
 		}
 	
 		#doc_list {
-			background: $gray-400;
-			border-radius: 0.5em;
 			height: calc(100% - 41.35px);
 			width: 100%;
 			overflow: auto;
 			
-			a.item {
-				display: block;
-				padding: 0.5em 1em;
-				width: 100%;
-				
-				i.fal {
-					margin-right: 0.5em;
-				}
-				
-				&:first-child {
-					padding-top: 1em;
-				}
+			.btn {
+				margin-bottom: 1em;
 			}
 		}
 	}
@@ -59,8 +47,8 @@
 		#notes {
 			width: 100%;
 			height: calc(100% - 43.35px);
-			background: $gray-400;
-			border-radius: 0.5em;
+			border: 2px solid $gray-400;
+			@include catc-round(0.5em);
 		}
 	}
 }

style/_template.scss

@@ -35,6 +35,10 @@ a:hover {
 	cursor: pointer;
 }
 
+@mixin catc-round($radius) {
+	border-radius: 0 $radius $radius $radius;
+}
+
 /* Common Classes - Containers */
 
 #container {
@@ -45,6 +49,10 @@ a:hover {
 	bottom: 1em;
 }
 
+.template-items {
+	display: none;
+}
+
 /* Common Classes - Inputs */
 
 a.button {

style/scss.bat

@@ -1 +1 @@
-sass --style=compressed --watch catc.scss:catc.css
+sass --style=compressed --watch catc.scss:catc.css --poll