fix float in item page

catalog/templates/album.html

@@ -30,7 +30,7 @@
 				});
 				$(this).remove();
 			})
-		
+
         </script>
       {% endif %}
     {% endif %}
@@ -53,7 +53,7 @@
 				});
 				$(this).remove();
 			})
-		
+
         </script>
       {% endif %}
     {% endif %}
@@ -110,20 +110,16 @@
 <!-- class specific sidebar -->
 {% block content %}
   {% if item.track_list %}
-    <section>
-      <h5>曲目</h5>
-      <p class="tldr" _="on click toggle .tldr on me">{{ item.track_list | linebreaksbr }}</p>
-    </section>
+    <h5>曲目</h5>
+    <p class="tldr" _="on click toggle .tldr on me">{{ item.track_list | linebreaksbr }}</p>
   {% endif %}
   {% if item.get_embed_link %}
-    <section>
-      <h5>播放</h5>
-      <iframe src="{{ item.get_embed_link }}"
-              frameborder="0"
-              allowtransparency="true"
-              allow="encrypted-media"
-              style="width: 100%;
-                     height: 50vh"></iframe>
-    </section>
+    <h5>播放</h5>
+    <iframe src="{{ item.get_embed_link }}"
+            frameborder="0"
+            allowtransparency="true"
+            allow="encrypted-media"
+            style="width: 100%;
+                   height: 50vh"></iframe>
   {% endif %}
 {% endblock %}

catalog/templates/edition.html

@@ -91,10 +91,8 @@
 {% endblock %}
 {% block content %}
   {% if item.contents %}
-    <section>
-      <h5>目录</h5>
-      <p class="tldr" _="on click toggle .tldr on me">{{ item.contents | linebreaksbr }}</p>
-    </section>
+    <h5>目录</h5>
+    <p class="tldr" _="on click toggle .tldr on me">{{ item.contents | linebreaksbr }}</p>
   {% endif %}
 {% endblock %}
 {% block left_sidebar %}

catalog/templates/item_base.html

@@ -332,15 +332,15 @@
         </hgroup>
       </div>
       <div id="item-detail" class="middle">
-        <section>
+        <section id="item-content">
           <h5>简介</h5>
           {% if item.brief %}
             <p class="tldr" _="on click toggle .tldr on me">{{ item.brief | linebreaksbr }}</p>
           {% else %}
             <p class="empty">暂缺</p>
           {% endif %}
+          {% block content %}{% endblock %}
         </section>
-        {% block content %}{% endblock %}
         <section>
           <h5>
             短评

catalog/templates/podcast.html

@@ -55,12 +55,10 @@
   </div>
 {% endblock %}
 {% block content %}
-  <section class="entity-desc" id="episodes">
-    <h5 class="entity-desc__title">{% trans '近期节目' %}</h5>
-    <div hx-get="{% url 'catalog:episode_data' item.uuid %}"
-         hx-trigger="load"
-         hx-swap="outerHTML"></div>
-  </section>
+  <h5 class="entity-desc__title">{% trans '近期节目' %}</h5>
+  <div hx-get="{% url 'catalog:episode_data' item.uuid %}"
+       hx-trigger="load"
+       hx-swap="outerHTML"></div>
 {% endblock %}
 <!-- class specific sidebar -->
 {% block left_sidebar %}

common/static/scss/_item.scss

@@ -17,7 +17,7 @@
     font-size: 75%;
   }
 
-  main>div>section {
+  main>div section {
     margin-bottom: 2.5rem;
   }
 
@@ -87,10 +87,13 @@
   }
 
   @media (min-width: 769px) {
-    #item-cover {
-      clear: both;
-    }
 
+    // #item-cover {
+    //   clear: both;
+    // }
+    #item-content {
+      min-height: 15rem;
+    }
   }
 
   @media (max-width: 768px) {