fix: styling of course list menu

2023-08-22 19:16:22 +05:30
parent bc350a2661
commit 4b049dcf71
2 changed files with 53 additions and 14 deletions
--- a/lms/public/css/style.css
+++ b/lms/public/css/style.css
@@ -2302,3 +2302,39 @@ select {
 	padding-right: 1rem !important;
 }

+.course-list-menu {
+	display: flex;
+	align-items: center;
+	float: right;
+}
+
+.course-list-buttons {
+	display: flex;
+}
+
+.course-list-buttons .btn {
+	margin-left: 0.5rem;
+}
+
+@media (max-width: 767px) {
+	.course-list-menu {
+		float: none;
+		margin-bottom: 1rem;
+	}
+}
+
+@media (max-width: 576px) {
+	.course-list-menu {
+		flex-direction: column;
+		align-items: unset;
+	}
+
+	.course-list-buttons {
+		margin-top: 1rem;
+		justify-content: space-between;
+	}
+
+	.course-list-buttons .btn {
+		margin-left: 0;
+	}
+}