This is an automated email from the ASF dual-hosted git repository.

wilfreds pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/yunikorn-site.git


The following commit(s) were added to refs/heads/master by this push:
     new c9a51d470a [YUNIKORN-2596] layout update for release announce page 
(#425)
c9a51d470a is described below

commit c9a51d470a2fd880f138199d3796c0ecd333cb53
Author: Wilfred Spiegelenburg <wilfr...@apache.org>
AuthorDate: Tue May 7 12:21:09 2024 +1000

    [YUNIKORN-2596] layout update for release announce page (#425)
    
    Add blank lines to separate content
    Change to a bullet list for all release announcements
    
    Closes: #425
    
    Signed-off-by: Wilfred Spiegelenburg <wilfr...@apache.org>
---
 src/pages/release-announce/index.js | 9 ++++++---
 src/pages/styles.module.css         | 9 ++++++++-
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/pages/release-announce/index.js 
b/src/pages/release-announce/index.js
index 44370c28b5..6bf73e10fa 100644
--- a/src/pages/release-announce/index.js
+++ b/src/pages/release-announce/index.js
@@ -31,21 +31,24 @@ const LinkPage = () => {
     return (
         <Layout description="Apache YuniKorn website">
             <main>
+                <br/>
                 <div className={styles.postContainer}>
-                <h1>Release Announcements</h1>
+                    <h1>Release Announcements</h1>
                     <div>
                         List of all release announcements for Apache YuniKorn.
                         Sorted by version, not by release date.
                     </div>
+                    <br/>
                     {releaseNames.map((release) => {
-                        const name = release.replace("./","").replace(".md", 
"");
+                        const name = release.replace("./", "").replace(".md", 
"");
                         const link = `/release-announce/${name}`;
                         return (
-                            <div>
+                            <div className={styles.indentReleases}>
                                 <a href={link}>Release v{name}</a>
                             </div>
                         )
                     })}
+                    <br/>
                 </div>
             </main>
         </Layout>
diff --git a/src/pages/styles.module.css b/src/pages/styles.module.css
index c2e8b9a559..b77eba0db8 100644
--- a/src/pages/styles.module.css
+++ b/src/pages/styles.module.css
@@ -60,7 +60,7 @@
 }
 
 .postContainer {
-  alignment: center;
+  align-content: center;
   min-width: 300px;
   max-width: 800px;
   margin: 0 20%;
@@ -98,3 +98,10 @@
   color: cadetblue;
   margin-bottom: 30px;
 }
+
+.indentReleases {
+  display: list-item;
+  list-style-type: square;
+  list-style-position: inside;
+  margin-left: 10px
+}


---------------------------------------------------------------------
To unsubscribe, e-mail: issues-unsubscr...@yunikorn.apache.org
For additional commands, e-mail: issues-h...@yunikorn.apache.org

Reply via email to