diff --git a/src/components/lessonImage/Image.jsx b/src/components/lessonImage/Image.jsx
index 71c6330aa..4301eae5d 100644
--- a/src/components/lessonImage/Image.jsx
+++ b/src/components/lessonImage/Image.jsx
@@ -20,7 +20,7 @@ const Image = ({
{src ? (
-
{desc && `"${desc}"`}
+
{desc && desc}
{isEditable ? (
) : (
diff --git a/src/components/lessonImage/Image.scss b/src/components/lessonImage/Image.scss
index 92d0af554..55ab50986 100644
--- a/src/components/lessonImage/Image.scss
+++ b/src/components/lessonImage/Image.scss
@@ -13,8 +13,9 @@
p {
margin-top: 1em;
- font-size: 1em;
- font-style: italic;
+ font-size: 14px !important;
+ font-weight: 400;
+ color: var(--primary-white);
}
.actions {
diff --git a/src/components/videoPlayer/Video.scss b/src/components/videoPlayer/Video.scss
index 975264d9a..1b526d3ac 100644
--- a/src/components/videoPlayer/Video.scss
+++ b/src/components/videoPlayer/Video.scss
@@ -30,20 +30,12 @@
line-height: 2em;
margin-bottom: 0.5em;
font-weight: 600;
-
- &::first-letter {
- text-transform: uppercase;
- }
}
p.videoDesc {
font-size: 1em;
line-height: 1.5em;
width: 80%;
-
- &::first-letter {
- text-transform: uppercase;
- }
}
}
diff --git a/src/screens/courseManager/adminCoursePage/AdminCoursePage.scss b/src/screens/courseManager/adminCoursePage/AdminCoursePage.scss
index 648c4dcd1..c330035dc 100644
--- a/src/screens/courseManager/adminCoursePage/AdminCoursePage.scss
+++ b/src/screens/courseManager/adminCoursePage/AdminCoursePage.scss
@@ -93,6 +93,7 @@
align-items: flex-start;
justify-content: space-between;
margin-bottom: 40px;
+ position: relative;
.lessonBlock {
width: 100%;
@@ -134,6 +135,7 @@
&__text {
div {
+ padding: 12px;
width: 100%;
height: 100%;
display: flex;
@@ -151,23 +153,29 @@
.lessonTitle {
font-size: 1.5em;
margin-bottom: 0.5em;
-
- &::first-letter {
- text-transform: capitalize;
- }
+ width: 100%;
+ height: 1.5em;
+ overflow: hidden;
+ text-overflow: ellipsis;
}
.lessonDescText {
margin-bottom: 0.5em;
+ width: 100%;
+ height: 60px;
+ overflow: hidden;
+ text-overflow: ellipsis;
}
.admin-lesson .lessonInfo {
- width: 70%;
+ width: 55%;
+ height: 160px;
display: flex;
flex-direction: column;
text-align: justify;
- justify-content: center;
+ justify-content: space-evenly;
align-items: flex-start;
+ overflow: hidden;
}
.text-btn {
@@ -214,7 +222,8 @@
}
.actions {
- position: relative;
+ position: absolute;
+ right: 0;
@media (max-width: 850px) {
position: absolute;
diff --git a/src/screens/courseManager/adminCoursePage/LessonBlock.jsx b/src/screens/courseManager/adminCoursePage/LessonBlock.jsx
index eb58df239..0a1be0912 100644
--- a/src/screens/courseManager/adminCoursePage/LessonBlock.jsx
+++ b/src/screens/courseManager/adminCoursePage/LessonBlock.jsx
@@ -32,7 +32,7 @@ const LessonBlock = ({ data, courseId, refetch }) => {
) : (
-
{lesson.title}
+
{lesson.title}
)}
diff --git a/src/screens/courseManager/lesson/Text.scss b/src/screens/courseManager/lesson/Text.scss
index 33318cc35..81fb31809 100644
--- a/src/screens/courseManager/lesson/Text.scss
+++ b/src/screens/courseManager/lesson/Text.scss
@@ -10,7 +10,6 @@
h1 {
font-weight: 600;
- text-transform: uppercase;
font-size: 1.25em;
line-height: 1.5em;
font-family: inherit;
@@ -22,10 +21,6 @@
font-size: 1em;
line-height: 1.5em;
font-family: inherit;
-
- &::first-letter {
- text-transform: uppercase;
- }
}
}
diff --git a/src/screens/dashboard/lessonPage/LessonPage.scss b/src/screens/dashboard/lessonPage/LessonPage.scss
index aae39770f..f13de00fd 100644
--- a/src/screens/dashboard/lessonPage/LessonPage.scss
+++ b/src/screens/dashboard/lessonPage/LessonPage.scss
@@ -18,7 +18,6 @@
line-height: 48px;
font-weight: 600;
margin-bottom: 40px;
- text-transform: capitalize;
}
.lesson-description-img-wrapper {