Update courses.html

EduTrigger · Nov 22, 2023 · d16697d · d16697d
1 parent 04c407c
commit d16697d
Showing 1 changed file with 28 additions and 11 deletions.
diff --git a/lms/templates/courseware/courses.html b/lms/templates/courseware/courses.html
@@ -39,7 +39,7 @@
     <section class="find-courses">
       <section class="courses-container">
         % if course_discovery_enabled:
-        <div class="container">
+        <div class="container" style="padding-bottom: 0px;">
         <div id="discovery-form" role="search" aria-label="course" class="wrapper-search-context">
           <div class="search-bar-contents">
 
@@ -90,18 +90,14 @@
       % endif
 
         </div>
-        <div id="discovery-message" class="search-status-label"></div>
+        <div id="discovery-message" class="search-status-label" style="display: none;"></div>
 
         <div class="search-results-count" style="display: none;">
-          <span id="results-count"></span> results found for "<span id="search-term"></span>"
+          <span id="results-count"></span> results find for "<span id="search-term"></span>"
       </div>
 
-
       </div>
       </div>
-
-
-        <!-- <div id="filter-bar" class="filters hide-phone is-collapsed"></div> -->
 
         % endif
 
@@ -124,17 +120,38 @@
         .courses-container {
           max-width: 70%;
           height:auto;
-          padding: 0px, 0px, 40px, 0px;
-          gap: 40px;
-          margin: 0 auto;
+          padding: 0px, 0px, 0px, 0px;
+
+        }
+
+        .search-results-count {
+            height: 22px;
+            font-family: 'Inter', sans-serif; /* Fallback to sans-serif */
+            font-style: normal;
+            font-weight: 400;
+            font-size: 14px;
+            line-height: 22px;
+            letter-spacing: -0.01em;
+            color: #4E5566;
+            flex: none;
+            order: 1;
+            flex-grow: 0;
+            padding: 24px 0px 16px 0px;
         }
 
+        #results-count {
+            font-weight: bold; /* Make the number of results bold */
+            color: #1D2026;
+        }
+
+
         .magnifier-input{
           display: flex;
           flex-direction: row;
           align-items: stretch; 
 
         }
+
 
         .wrapper-search-context {
           display: flex;
@@ -290,7 +307,7 @@
         }
     </style>
 
-        <div class="courses${'' if course_discovery_enabled else ' no-course-discovery'}" role="region" aria-label="${_('List of Courses')}">
+        <div class="courses${'' if course_discovery_enabled else ' no-course-discovery'}" role="region" aria-label="${_('List of Courses')}" style="margin-right: 0px;">
           <ul class="courses-listing courses-list">
             %for course in courses:
             <li class="courses-listing-item">