From 42d65a00d35d2128a5e709d9b09cc476eccf165a Mon Sep 17 00:00:00 2001
From: qtw97 <qiutianw@gmail.com>
Date: Tue, 14 Nov 2023 15:34:13 -0500
Subject: [PATCH 01/10] Update courses.html

---
 lms/templates/courseware/courses.html | 185 +++++++++++++++++++++++++-
 1 file changed, 184 insertions(+), 1 deletion(-)
diff --git a/lms/templates/courseware/courses.html b/lms/templates/courseware/courses.html
index db303073676d..d127457527c8 100644
--- a/lms/templates/courseware/courses.html
+++ b/lms/templates/courseware/courses.html
@@ -35,7 +35,7 @@
     <section class="find-courses">
       <section class="courses-container">
         % if course_discovery_enabled:
-        <div id="discovery-form" role="search" aria-label="course" class="wrapper-search-context">
+        <!-- <div id="discovery-form" role="search" aria-label="course" class="wrapper-search-context">
           <div id="discovery-message" class="search-status-label"></div>
           <form class="wrapper-search-input">
             <label for="discovery-input" class="sr">${_('Search for a course')}</label>
@@ -50,8 +50,191 @@
               </div>
             </button>
           </form>
+        </div> -->
+
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Filter-Search-Sort Component</title>
+    <!-- Including the 'Inter' font -->
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet">
+
+    <style>
+        body {
+            font-family: 'Inter', sans-serif;
+        }
+
+        .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: left;
+            width: 1320px;
+        }
+
+        /* Filter Box CSS */
+        .buttons {
+            box-sizing: border-box;
+            display: flex;
+            flex-direction: row;
+            justify-content: center;
+            align-items: center;
+            padding: 0px 24px;
+            gap: 24px;
+            width: 167px;
+            height: 48px;
+            background: #FFFFFF;
+            border: 1px solid #FEEBEE;
+        }
+
+        .contents {
+            display: flex;
+            flex-direction: row;
+            justify-content: center;
+            align-items: center;
+            padding: 0px;
+            gap: 12px;
+            width: 75px;
+            height: 48px;
+        }
+
+        .faders {
+            width: 24px;
+            height: 24px;
+        }
+
+        .filter-text {
+            width: 39px;
+            height: 48px;
+            font-weight: 600;
+            font-size: 16px;
+            line-height: 48px;
+            color: #1D2026;
+        }
+
+        /* Search Bar CSS */
+        .search-container {
+            box-sizing: border-box;
+            display: flex;
+            flex-direction: column;
+            align-items: flex-start;
+            padding: 12px 18px;
+            gap: 10px;
+            width: 389px;
+            height: 48px;
+            background: #FFFFFF;
+            border: 1px solid #E9EAF0;
+        }
+
+        .search-info {
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+            padding: 0px;
+            gap: 12px;
+            width: 105px;
+            height: 24px;
+        }
+
+        .magnifier-icon {
+            width: 24px;
+            height: 24px;
+        }
+
+        .search-input {
+            width: auto;
+            height: 24px;
+            font-weight: 400;
+            font-size: 16px;
+            line-height: 24px;
+            color: #1D2026;
+            border: none;
+            padding-left: 10px;
+            background: #FFFFFF;
+        }
+
+        .search-input:focus {
+            outline: none;
+        }
+
+        .sort-by-label {
+            margin-right: 8px;
+            font-weight: 400;
+            font-size: 16px;
+            line-height: 24px;
+            color: #1D2026;
+        }
+
+        .sort-dropdown {
+            
+            box-sizing: border-box;
+            display: flex;
+            flex-direction: row;
+            justify-content: center;
+            align-items: center;
+            padding: 12px 16px;
+            gap: 83px;
+
+            width: 198px;
+            height: 48px;
+
+            /* Gray/White */
+            background: #FFFFFF;
+            /* Gray/100 */
+            border: 1px solid #E9EAF0;
+
+            /* Inside auto layout */
+            flex: none;
+            order: 1;
+            flex-grow: 0;
+        }
+
+        .sort-section {
+            display: flex; /* Add flex display to horizontally align Sort By text and dropdown */
+            align-items: center; /* Vertically align the items in center */
+        }
+    </style>
+</head>
+
+<body>
+    <div class="container">
+        <!-- Filter Section -->
+        <div class="buttons">
+            <!-- Filter Box with Icon and Count -->
+            <img src="../static/images/filter_icon.png" alt="Filter Icon" class="faders">
+            <span class="filter-text">Filter</span>
+            <div style="background: #FEEBEE; padding: 4px 6px;">
+                <span style="font-weight: 600; font-size: 12px; color: #ED4338;">3</span>
+            </div>
         </div>
 
+        <!-- Search Bar -->
+        <div class="search-container">
+          <div class="search-info" >
+            <!-- Magnifier Icon -->
+              <img src="../static/images/magnifier.png" alt="Search Icon" class="magnifier-icon">
+          </button>                
+          <!-- Search Input -->
+          <!-- <div id="discovery-form" role="search" aria-label="course" class="wrapper-search-context"> -->
+            <div id="discovery-message" class="search-status-label"></div>
+          <form class="wrapper-search-input">
+          <input id="discovery-input" class="search-input" placeholder="Search for a course" />
+        </form>
+        <!-- </div> -->
+        </div>
+        </div>
+
+        <!-- Sort By Dropdown -->
+        <div class="sort-section">
+            <span class="sort-by-label">Sort by:</span>
+            <select class="sort-dropdown">
+                <!-- Add options here -->
+            </select>
+        </div>
+    </div>
+</body>
+
+
         <div id="filter-bar" class="filters hide-phone is-collapsed">
         </div>
         % endif

From e44a35f390e6c1cb26cbe400310dbe899e8bc474 Mon Sep 17 00:00:00 2001
From: qtw97 <qiutianw@gmail.com>
Date: Tue, 14 Nov 2023 15:35:09 -0500
Subject: [PATCH 02/10] Revert "Update courses.html"

This reverts commit 42d65a00d35d2128a5e709d9b09cc476eccf165a.
---
 lms/templates/courseware/courses.html | 185 +-------------------------
 1 file changed, 1 insertion(+), 184 deletions(-)

diff --git a/lms/templates/courseware/courses.html b/lms/templates/courseware/courses.html
index d127457527c8..db303073676d 100644
--- a/lms/templates/courseware/courses.html
+++ b/lms/templates/courseware/courses.html
@@ -35,7 +35,7 @@
     <section class="find-courses">
       <section class="courses-container">
         % if course_discovery_enabled:
-        <!-- <div id="discovery-form" role="search" aria-label="course" class="wrapper-search-context">
+        <div id="discovery-form" role="search" aria-label="course" class="wrapper-search-context">
           <div id="discovery-message" class="search-status-label"></div>
           <form class="wrapper-search-input">
             <label for="discovery-input" class="sr">${_('Search for a course')}</label>
@@ -50,191 +50,8 @@
               </div>
             </button>
           </form>
-        </div> -->
-
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Filter-Search-Sort Component</title>
-    <!-- Including the 'Inter' font -->
-    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet">
-
-    <style>
-        body {
-            font-family: 'Inter', sans-serif;
-        }
-
-        .container {
-            display: flex;
-            justify-content: space-between;
-            align-items: left;
-            width: 1320px;
-        }
-
-        /* Filter Box CSS */
-        .buttons {
-            box-sizing: border-box;
-            display: flex;
-            flex-direction: row;
-            justify-content: center;
-            align-items: center;
-            padding: 0px 24px;
-            gap: 24px;
-            width: 167px;
-            height: 48px;
-            background: #FFFFFF;
-            border: 1px solid #FEEBEE;
-        }
-
-        .contents {
-            display: flex;
-            flex-direction: row;
-            justify-content: center;
-            align-items: center;
-            padding: 0px;
-            gap: 12px;
-            width: 75px;
-            height: 48px;
-        }
-
-        .faders {
-            width: 24px;
-            height: 24px;
-        }
-
-        .filter-text {
-            width: 39px;
-            height: 48px;
-            font-weight: 600;
-            font-size: 16px;
-            line-height: 48px;
-            color: #1D2026;
-        }
-
-        /* Search Bar CSS */
-        .search-container {
-            box-sizing: border-box;
-            display: flex;
-            flex-direction: column;
-            align-items: flex-start;
-            padding: 12px 18px;
-            gap: 10px;
-            width: 389px;
-            height: 48px;
-            background: #FFFFFF;
-            border: 1px solid #E9EAF0;
-        }
-
-        .search-info {
-            display: flex;
-            flex-direction: row;
-            align-items: center;
-            padding: 0px;
-            gap: 12px;
-            width: 105px;
-            height: 24px;
-        }
-
-        .magnifier-icon {
-            width: 24px;
-            height: 24px;
-        }
-
-        .search-input {
-            width: auto;
-            height: 24px;
-            font-weight: 400;
-            font-size: 16px;
-            line-height: 24px;
-            color: #1D2026;
-            border: none;
-            padding-left: 10px;
-            background: #FFFFFF;
-        }
-
-        .search-input:focus {
-            outline: none;
-        }
-
-        .sort-by-label {
-            margin-right: 8px;
-            font-weight: 400;
-            font-size: 16px;
-            line-height: 24px;
-            color: #1D2026;
-        }
-
-        .sort-dropdown {
-            
-            box-sizing: border-box;
-            display: flex;
-            flex-direction: row;
-            justify-content: center;
-            align-items: center;
-            padding: 12px 16px;
-            gap: 83px;
-
-            width: 198px;
-            height: 48px;
-
-            /* Gray/White */
-            background: #FFFFFF;
-            /* Gray/100 */
-            border: 1px solid #E9EAF0;
-
-            /* Inside auto layout */
-            flex: none;
-            order: 1;
-            flex-grow: 0;
-        }
-
-        .sort-section {
-            display: flex; /* Add flex display to horizontally align Sort By text and dropdown */
-            align-items: center; /* Vertically align the items in center */
-        }
-    </style>
-</head>
-
-<body>
-    <div class="container">
-        <!-- Filter Section -->
-        <div class="buttons">
-            <!-- Filter Box with Icon and Count -->
-            <img src="../static/images/filter_icon.png" alt="Filter Icon" class="faders">
-            <span class="filter-text">Filter</span>
-            <div style="background: #FEEBEE; padding: 4px 6px;">
-                <span style="font-weight: 600; font-size: 12px; color: #ED4338;">3</span>
-            </div>
         </div>
 
-        <!-- Search Bar -->
-        <div class="search-container">
-          <div class="search-info" >
-            <!-- Magnifier Icon -->
-              <img src="../static/images/magnifier.png" alt="Search Icon" class="magnifier-icon">
-          </button>                
-          <!-- Search Input -->
-          <!-- <div id="discovery-form" role="search" aria-label="course" class="wrapper-search-context"> -->
-            <div id="discovery-message" class="search-status-label"></div>
-          <form class="wrapper-search-input">
-          <input id="discovery-input" class="search-input" placeholder="Search for a course" />
-        </form>
-        <!-- </div> -->
-        </div>
-        </div>
-
-        <!-- Sort By Dropdown -->
-        <div class="sort-section">
-            <span class="sort-by-label">Sort by:</span>
-            <select class="sort-dropdown">
-                <!-- Add options here -->
-            </select>
-        </div>
-    </div>
-</body>
-
-
         <div id="filter-bar" class="filters hide-phone is-collapsed">
         </div>
         % endif

From a1232fa50a9dd5284cf8555647d9ff3a8165594d Mon Sep 17 00:00:00 2001
From: qtw97 <qiutianw@gmail.com>
Date: Tue, 14 Nov 2023 18:17:49 -0500
Subject: [PATCH 03/10] Update courses.html

---
 lms/templates/courseware/courses.html | 169 ++++++++++++++++++++++++++
 1 file changed, 169 insertions(+)

diff --git a/lms/templates/courseware/courses.html b/lms/templates/courseware/courses.html
index db303073676d..2269b738df68 100644
--- a/lms/templates/courseware/courses.html
+++ b/lms/templates/courseware/courses.html
@@ -35,8 +35,26 @@
     <section class="find-courses">
       <section class="courses-container">
         % if course_discovery_enabled:
+        
+        <div class="container">
+
+
         <div id="discovery-form" role="search" aria-label="course" class="wrapper-search-context">
+          
+
           <div id="discovery-message" class="search-status-label"></div>
+          <div class="search-bar-contents">
+
+             <!-- Filter Section -->
+        <div class="buttons">
+          <!-- Filter Box with Icon and Count -->
+          <img src="../static/images/filter_icon.png" alt="Filter Icon" class="faders">
+          <span class="filter-text">Filter</span>
+          <div style="background: #FEEBEE; padding: 4px 6px;">
+              <span style="font-weight: 600; font-size: 12px; color: #ED4338;">3</span>
+          </div>
+      </div>
+
           <form class="wrapper-search-input">
             <label for="discovery-input" class="sr">${_('Search for a course')}</label>
             <input id="discovery-input" class="discovery-input" placeholder="${_('Search for a course')}" type="text"/>
@@ -51,11 +69,162 @@
             </button>
           </form>
         </div>
+        </div>
+      </div>
+
 
         <div id="filter-bar" class="filters hide-phone is-collapsed">
         </div>
         % endif
 
+         <!-- Including the 'Inter' font -->
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet">
+
+    <style>
+        body {
+            font-family: 'Inter', sans-serif;
+        }
+
+        .wrapper-search-context {
+    display: flex;
+    flex-direction: column;
+    align-items: stretch; /* To ensure children elements take full width */
+        }
+
+        .search-bar-contents {
+          display: flex;
+          flex-direction: row;
+          align-items: stretch; /* To ensure children elements take full width */
+        }
+
+        .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: left;
+            width: 1320px;
+        }
+
+        /* Filter Box CSS */
+        .buttons {
+            box-sizing: border-box;
+            display: flex;
+            flex-direction: row;
+            justify-content: center;
+            align-items: center;
+            padding: 0px 24px;
+            gap: 24px;
+            width: 167px;
+            height: 48px;
+            background: #FFFFFF;
+            border: 1px solid #FEEBEE;
+        }
+
+        .contents {
+            display: flex;
+            flex-direction: row;
+            justify-content: center;
+            align-items: center;
+            padding: 0px;
+            gap: 12px;
+            width: 75px;
+            height: 48px;
+        }
+
+        .faders {
+            width: 24px;
+            height: 24px;
+        }
+
+        .filter-text {
+            width: 39px;
+            height: 48px;
+            font-weight: 600;
+            font-size: 16px;
+            line-height: 48px;
+            color: #1D2026;
+        }
+
+        /* Search Bar CSS */
+        .search-container {
+            box-sizing: border-box;
+            display: flex;
+            flex-direction: column;
+            align-items: flex-start;
+            padding: 12px 18px;
+            gap: 10px;
+            width: 389px;
+            height: 48px;
+            background: #FFFFFF;
+            border: 1px solid #E9EAF0;
+        }
+
+        .search-info {
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+            padding: 0px;
+            gap: 12px;
+            width: 105px;
+            height: 24px;
+        }
+
+        .magnifier-icon {
+            width: 24px;
+            height: 24px;
+        }
+
+        .discovery-input {
+            width: auto;
+            height: 24px;
+            font-weight: 400;
+            font-size: 16px;
+            line-height: 24px;
+            color: #1D2026;
+            border: none;
+            padding-left: 10px;
+            background: #FFFFFF;
+        }
+
+    
+
+        .sort-by-label {
+            margin-right: 8px;
+            font-weight: 400;
+            font-size: 16px;
+            line-height: 24px;
+            color: #1D2026;
+        }
+
+        .sort-dropdown {
+            
+            box-sizing: border-box;
+            display: flex;
+            flex-direction: row;
+            justify-content: center;
+            align-items: center;
+            padding: 12px 16px;
+            gap: 83px;
+
+            width: 198px;
+            height: 48px;
+
+            /* Gray/White */
+            background: #FFFFFF;
+            /* Gray/100 */
+            border: 1px solid #E9EAF0;
+
+            /* Inside auto layout */
+            flex: none;
+            order: 1;
+            flex-grow: 0;
+        }
+
+        .sort-section {
+            display: flex; /* Add flex display to horizontally align Sort By text and dropdown */
+            align-items: center; /* Vertically align the items in center */
+        }
+    </style>
+
         <div class="courses${'' if course_discovery_enabled else ' no-course-discovery'}" role="region" aria-label="${_('List of Courses')}">
           <ul class="courses-listing courses-list">
             %for course in courses:

From 4c0bf9843312bd95693ce0e46797885a6b15d202 Mon Sep 17 00:00:00 2001
From: qtw97 <qiutianw@gmail.com>
Date: Tue, 14 Nov 2023 18:37:32 -0500
Subject: [PATCH 04/10] Update courses.html

---
 lms/templates/courseware/courses.html | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/lms/templates/courseware/courses.html b/lms/templates/courseware/courses.html
index 2269b738df68..267d3f6c3039 100644
--- a/lms/templates/courseware/courses.html
+++ b/lms/templates/courseware/courses.html
@@ -55,9 +55,12 @@
           </div>
       </div>
 
+      <div class="search-container">
+        <div class="search-info" >
+
           <form class="wrapper-search-input">
             <label for="discovery-input" class="sr">${_('Search for a course')}</label>
-            <input id="discovery-input" class="discovery-input" placeholder="${_('Search for a course')}" type="text"/>
+            <input id="discovery-input" class="search-input" placeholder="${_('Search for a course')}" type="text"/>
             <button type="submit" class="button postfix discovery-submit" title="${_('Search')}">
               <span class="icon fa fa-search" aria-hidden="true"></span>
               <div aria-live="polite" aria-relevant="all">
@@ -68,9 +71,12 @@
               </div>
             </button>
           </form>
+
         </div>
+      </div>
         </div>
       </div>
+      </div>
 
 
         <div id="filter-bar" class="filters hide-phone is-collapsed">
@@ -173,7 +179,7 @@
             height: 24px;
         }
 
-        .discovery-input {
+        .search-input {
             width: auto;
             height: 24px;
             font-weight: 400;

From f784b9c814e594ca0f29c222449aab3eed6457f3 Mon Sep 17 00:00:00 2001
From: qtw97 <qiutianw@gmail.com>
Date: Tue, 14 Nov 2023 19:09:09 -0500
Subject: [PATCH 05/10] Update courses.html

---
 lms/templates/courseware/courses.html | 28 ++++++++++++++++++---------
 1 file changed, 19 insertions(+), 9 deletions(-)

diff --git a/lms/templates/courseware/courses.html b/lms/templates/courseware/courses.html
index 267d3f6c3039..f5c3ec500960 100644
--- a/lms/templates/courseware/courses.html
+++ b/lms/templates/courseware/courses.html
@@ -54,22 +54,25 @@
               <span style="font-weight: 600; font-size: 12px; color: #ED4338;">3</span>
           </div>
       </div>
-
+        <!-- Search Bar -->
       <div class="search-container">
         <div class="search-info" >
 
           <form class="wrapper-search-input">
+            <div class="magnifier-input">
             <label for="discovery-input" class="sr">${_('Search for a course')}</label>
-            <input id="discovery-input" class="search-input" placeholder="${_('Search for a course')}" type="text"/>
-            <button type="submit" class="button postfix discovery-submit" title="${_('Search')}">
-              <span class="icon fa fa-search" aria-hidden="true"></span>
+            <input id="discovery-input" class="search-input" placeholder="${_('Search for a course')}" />
+            <!-- <button type="submit" class="button postfix discovery-submit" title="${_('Search')}"> -->
+              <!-- <span class="icon fa fa-search" aria-hidden="true"></span> -->
+              <img src="../static/images/magnifier.png" alt="Search Icon" class="magnifier-icon">
+
               <div aria-live="polite" aria-relevant="all">
-                <div id="loading-indicator" class="loading-spinner hidden">
-                  <span class="icon fa fa-spinner fa-spin" aria-hidden="true"></span>
+                 <!-- <div id="loading-indicator" class="loading-spinner hidden"> -->
+                  <span class="icon fa fa-spinner fa-spin" aria-hidden="true"></span> 
                   <span class="sr">${_('Loading')}</span>
-                </div>
+                 </div> 
               </div>
-            </button>
+            <!-- </button> -->
           </form>
 
         </div>
@@ -91,6 +94,13 @@
             font-family: 'Inter', sans-serif;
         }
 
+        .magnifier-input{
+          display: flex;
+          flex-direction: row;
+          align-items: stretch; 
+
+        }
+
         .wrapper-search-context {
     display: flex;
     flex-direction: column;
@@ -154,7 +164,7 @@
         .search-container {
             box-sizing: border-box;
             display: flex;
-            flex-direction: column;
+            flex-direction: row;
             align-items: flex-start;
             padding: 12px 18px;
             gap: 10px;

From c6bff93011d5d3adc3263a2524184a4d4c07ae88 Mon Sep 17 00:00:00 2001
From: qtw97 <qiutianw@gmail.com>
Date: Tue, 14 Nov 2023 19:19:44 -0500
Subject: [PATCH 06/10] Update courses.html

---
 lms/templates/courseware/courses.html | 23 ++++++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

diff --git a/lms/templates/courseware/courses.html b/lms/templates/courseware/courses.html
index f5c3ec500960..e2d4778d6a96 100644
--- a/lms/templates/courseware/courses.html
+++ b/lms/templates/courseware/courses.html
@@ -35,7 +35,7 @@
     <section class="find-courses">
       <section class="courses-container">
         % if course_discovery_enabled:
-        
+        <body>
         <div class="container">
 
 
@@ -60,15 +60,16 @@
 
           <form class="wrapper-search-input">
             <div class="magnifier-input">
+              <img src="../static/images/magnifier.png" alt="Search Icon" class="magnifier-icon">
+
             <label for="discovery-input" class="sr">${_('Search for a course')}</label>
             <input id="discovery-input" class="search-input" placeholder="${_('Search for a course')}" />
             <!-- <button type="submit" class="button postfix discovery-submit" title="${_('Search')}"> -->
               <!-- <span class="icon fa fa-search" aria-hidden="true"></span> -->
-              <img src="../static/images/magnifier.png" alt="Search Icon" class="magnifier-icon">
 
               <div aria-live="polite" aria-relevant="all">
                  <!-- <div id="loading-indicator" class="loading-spinner hidden"> -->
-                  <span class="icon fa fa-spinner fa-spin" aria-hidden="true"></span> 
+                  <!-- <span class="icon fa fa-spinner fa-spin" aria-hidden="true"></span>  -->
                   <span class="sr">${_('Loading')}</span>
                  </div> 
               </div>
@@ -77,9 +78,21 @@
 
         </div>
       </div>
+
+      <!-- Sort By Dropdown -->
+      <div class="sort-section">
+        <span class="sort-by-label">Sort by:</span>
+        <select class="sort-dropdown">
+            <!-- Add options here -->
+        </select>
+    </div>
+
+
+
         </div>
       </div>
       </div>
+    </body>
 
 
         <div id="filter-bar" class="filters hide-phone is-collapsed">
@@ -201,6 +214,10 @@
             background: #FFFFFF;
         }
 
+        .search-input:focus {
+            outline: none;
+        }
+
     
 
         .sort-by-label {

From f1239161f7edd7de0bd036af172961d11201874b Mon Sep 17 00:00:00 2001
From: qtw97 <qiutianw@gmail.com>
Date: Tue, 14 Nov 2023 19:21:47 -0500
Subject: [PATCH 07/10] Update courses.html

---
 lms/templates/courseware/courses.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lms/templates/courseware/courses.html b/lms/templates/courseware/courses.html
index e2d4778d6a96..5432367e4fa2 100644
--- a/lms/templates/courseware/courses.html
+++ b/lms/templates/courseware/courses.html
@@ -117,7 +117,7 @@
         .wrapper-search-context {
     display: flex;
     flex-direction: column;
-    align-items: stretch; /* To ensure children elements take full width */
+    align-items: left; /* To ensure children elements take full width */
         }
 
         .search-bar-contents {

From 28a6fdd18451b10bb5f76917aad0843c27764a1e Mon Sep 17 00:00:00 2001
From: qtw97 <qiutianw@gmail.com>
Date: Tue, 14 Nov 2023 20:04:40 -0500
Subject: [PATCH 08/10] Create filter_icon.png

---
 lms/static/images/filter_icon.png | Bin 0 -> 3749 bytes
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 lms/static/images/filter_icon.png

diff --git a/lms/static/images/filter_icon.png b/lms/static/images/filter_icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..c67379346c000e00a870c92807550f9fa15958ae
GIT binary patch
literal 3749
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
P00000NkvXXu0mjfXumBb

literal 0
HcmV?d00001


From b2e8c80f10104f4f58a8d4e19850e7b9ffafab43 Mon Sep 17 00:00:00 2001
From: qtw97 <qiutianw@gmail.com>
Date: Tue, 14 Nov 2023 20:04:43 -0500
Subject: [PATCH 09/10] Create magnifier.png

---
 lms/static/images/magnifier.png | Bin 0 -> 4548 bytes
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 lms/static/images/magnifier.png

diff --git a/lms/static/images/magnifier.png b/lms/static/images/magnifier.png
new file mode 100644
index 0000000000000000000000000000000000000000..b94d6dac45c7f0ea33ac5b9f16b6ad901f006d9f
GIT binary patch
literal 4548
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

literal 0
HcmV?d00001


From 0e65285ddb6c638fda78891ef22dba9b4d45fe56 Mon Sep 17 00:00:00 2001
From: qtw97 <qiutianw@gmail.com>
Date: Tue, 14 Nov 2023 21:25:55 -0500
Subject: [PATCH 10/10] Update courses.html

---
 lms/templates/courseware/courses.html | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/lms/templates/courseware/courses.html b/lms/templates/courseware/courses.html
index 5432367e4fa2..e15177dedb00 100644
--- a/lms/templates/courseware/courses.html
+++ b/lms/templates/courseware/courses.html
@@ -48,7 +48,7 @@
              <!-- Filter Section -->
         <div class="buttons">
           <!-- Filter Box with Icon and Count -->
-          <img src="../static/images/filter_icon.png" alt="Filter Icon" class="faders">
+          <img src="../../static/images/filter_icon.png" alt="Filter Icon" class="faders">
           <span class="filter-text">Filter</span>
           <div style="background: #FEEBEE; padding: 4px 6px;">
               <span style="font-weight: 600; font-size: 12px; color: #ED4338;">3</span>
@@ -60,7 +60,7 @@
 
           <form class="wrapper-search-input">
             <div class="magnifier-input">
-              <img src="../static/images/magnifier.png" alt="Search Icon" class="magnifier-icon">
+              <img src="../../static/images/magnifier.png" alt="Search Icon" class="magnifier-icon">
 
             <label for="discovery-input" class="sr">${_('Search for a course')}</label>
             <input id="discovery-input" class="search-input" placeholder="${_('Search for a course')}" />
@@ -83,7 +83,9 @@
       <div class="sort-section">
         <span class="sort-by-label">Sort by:</span>
         <select class="sort-dropdown">
-            <!-- Add options here -->
+          <option value="option1">Option 1</option>
+          <option value="option2">Option 2</option>
+          <option value="option3">Option 3</option>
         </select>
     </div>
 
