style fix

Html/apps/templates/dashboard.html

@@ -18,7 +18,7 @@
                     <div class="col-lg-8">
                         <div class="search-container">
                             <div class="input-group">
-                                <input type="text" class="form-control form-control-lg" placeholder="搜索您感兴趣的课程...">
+                                <input type="text" class="form-control form-control-lg" placeholder="搜索您的课程...">
                                 <button class="btn btn-primary btn-lg" type="button">
                                     <i class="fas fa-search me-1"></i> 搜索
                                 </button>
@@ -29,7 +29,6 @@
             </div>
         </section>
     <div class="dashboard">
-        <h2 class="dashboard-title">——  我的选课  ——</h2>
         <div class="course-cards" id="course-cards">
             <!-- 循环生成课程卡片 -->
              {% for course in user_selected_course %}
@@ -67,16 +66,16 @@
     <!-- 右侧滑出的学习进度卡片 -->
     <div id="courseProgress" class="course-progress">
         <div class="progress-header">
-            <span id="course-title"></span>
-            <button class="close-btn" onclick="closeCourseProgress()">×</button>
+            <span id="course-title" class="course-title-in-progress"></span>
+            <button class="close-btn" onclick="closeCourseProgress()"><i class="fas fa-times-circle fa-lg"></i></button>
         </div>
         <div class="progress-content">
-            <p>当前学习进度: <span id="progress"></span></p>
-            <hr/>
             <h3>章节列表：</h3> 
             <ul id="chapter-list">
                 <!-- 章节列表会在点击课程时动态生成 -->
             </ul>
+            <!-- 当前学习进度 -->
+            <p><span id="progress"></span></p>
         </div>
     </div>