Fix the bottom display of the episodes (#41)

opensource-f2f · Apr 28, 2022 · 5697b4d · 5697b4d
1 parent bf98da8
commit 5697b4d
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/ui/src/Pages/Episodes.css b/ui/src/Pages/Episodes.css
@@ -1,8 +1,17 @@
+#episodes {
+    margin-bottom: 80px;
+    margin-left: 25px;
+    margin-right: 25px;
+}
+
 #episodes > div {
     border-bottom: 1px solid #e8e8e8;
     margin-top: 15px;
     padding-top: 5px;
 }
+#episodes > div > button {
+    margin-left: 100px;
+}
 .episode-name {
     cursor: pointer;
     margin-left: 10px;

diff --git a/ui/src/Pages/Episodes.js b/ui/src/Pages/Episodes.js
@@ -141,6 +141,7 @@ class Episodes extends Component {
             <div id="episodes">
                 {episodes.map((item, index) => (
                     <div id={item.metadata.name} key={index} className="episode-item-in-list">
+                        {item.spec.date}
                         <Link to={"/rsses/" + rss + "/episodes/" + item.metadata.name}>
                             <span className="episode-name">
                                 {item.spec.title}