Index: lams_learning/web/css/components-learner.scss
===================================================================
diff -u -rc14b61c5121849a97cd799b1e2c66201a853cbe5 -r2d222c70de889ebe48b8ffd4feed1a03e5db3972
--- lams_learning/web/css/components-learner.scss	(.../components-learner.scss)	(revision c14b61c5121849a97cd799b1e2c66201a853cbe5)
+++ lams_learning/web/css/components-learner.scss	(.../components-learner.scss)	(revision 2d222c70de889ebe48b8ffd4feed1a03e5db3972)
@@ -230,19 +230,22 @@
     border-top-left-radius: 1.25rem;
     border-top-right-radius: 0rem;
     border-bottom-right-radius: 1.25rem;
-}
-
-.lcard-no-borders {
     border: 0;
+    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);//copied from bootstrap .shadow class
+    margin-bottom: 1.5rem;//copied from bootstrap .mb-4 class
 }
 
-.lcard .lcard-header-lg {
+.lcard .card-header {
     border-top-left-radius: 1.25rem;
     border-top-right-radius: 0rem;
     font-size: 1.3rem;
     padding: 1rem;
 }
 
+.font-size-init {
+	font-size: initial;
+}
+
 /* coommented out for now by Andrey
 .lcard .lcard-header-button-border {
     border-bottom: 0.2rem solid var(--bs-primary);
@@ -312,7 +315,6 @@
   text-decoration: inherit;
   margin-left: 5px;
   color: inherit;
-  /*float: right;*/
 }
 
 .btn-refresh {
@@ -325,4 +327,28 @@
   font-weight: normal;
   text-decoration: inherit;
   color: inherit;
+}
+
+.btn-icon-pen {
+  display: inline-block;
+}
+.btn-icon-pen:before {
+  content: "\f044";
+  font-family: FontAwesome;
+  font-style: normal;
+  font-weight: normal;
+  text-decoration: inherit;
+  color: inherit;
+}
+
+.btn-icon-return {
+  display: inline-block;
+}
+.btn-icon-return:before {
+  content: "\f2ea";
+  font-family: FontAwesome;
+  font-style: normal;
+  font-weight: normal;
+  text-decoration: inherit;
+  color: inherit;
 }
\ No newline at end of file