From 79d784852f6204e394a2e2264d832b0fab7b4363 Mon Sep 17 00:00:00 2001
From: Toshaan Bharvani <toshaan@vantosh.com>
Date: Mon, 30 Aug 2021 12:57:47 +0200
Subject: [PATCH] changes to the specifications page

Signed-off-by: Toshaan Bharvani <toshaan@vantosh.com>
---
 themes/openpowerfoundation/assets/css/changelog.scss  |  6 +++++-
 themes/openpowerfoundation/assets/css/style.css       |  4 ++--
 .../layouts/specifications/single.html                | 11 ++++++++---
 3 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/themes/openpowerfoundation/assets/css/changelog.scss b/themes/openpowerfoundation/assets/css/changelog.scss
index 9a867a4..2bdc4c8 100644
--- a/themes/openpowerfoundation/assets/css/changelog.scss
+++ b/themes/openpowerfoundation/assets/css/changelog.scss
@@ -1,12 +1,13 @@
 .changelog {
 	white-space: nowrap;
 	overflow-x: hidden;
+	text-align: center;
 	margin: 10px 0px 10px 0px;
 }
 .changelog ol {
 	font-size: 0;
 	width: 100vw;
-	padding: 100px 0;
+	padding: 150px 0;
 	transition: all 1s;
 }
 .changelog ol li {
@@ -81,6 +82,9 @@
 	font-size: 0.7rem;
 	margin-bottom: 8px;
 }
+.changelog #download a {
+	color: #ffffff;
+}
 .changelog .arrows {
 	display: flex;
 	justify-content: center;
diff --git a/themes/openpowerfoundation/assets/css/style.css b/themes/openpowerfoundation/assets/css/style.css
index 225017a..3fc68e1 100644
--- a/themes/openpowerfoundation/assets/css/style.css
+++ b/themes/openpowerfoundation/assets/css/style.css
@@ -711,8 +711,8 @@ body.mobile-nav-active #mobile-nav-toggle {
 	color: #1dc8cd;
 }
 #page .content ul {
-	list-style: none;
-	padding: 0;
+	/*list-style: none;*/
+	/*padding: 0;*/
 }
 #page .content ul li {
 	padding-bottom: 10px;
diff --git a/themes/openpowerfoundation/layouts/specifications/single.html b/themes/openpowerfoundation/layouts/specifications/single.html
index 2b95d32..3d184a3 100644
--- a/themes/openpowerfoundation/layouts/specifications/single.html
+++ b/themes/openpowerfoundation/layouts/specifications/single.html
@@ -12,18 +12,22 @@
 		<div class="section-header">
 			<h3 class="section-title">{{ .Title }}</h3>
 			<p class="section-description"></p>
-			<span class="section-divider"></span>
 		</div>
 		<div class="row">
 			<div class="col-lg-2">&nbsp;</div>
 			<div class="col-lg-4">
 			{{ if $datafile.versions }}
 				{{ range last 1 $datafile.versions }}
-					Latest version {{ .number }}
+					<a href="{{ .download }}">Download version {{.number }}</a>
 				{{ end }}
 			{{ end }}
 			</div>
 			<div class="col-lg-4">
+			{{ if $datafile.versions }}
+				{{ range last 1 $datafile.versions }}
+					Latest version {{ .number }}
+				{{ end }}
+			{{ end }}
 			</div>
 			<div class="col-lg-2">&nbsp;</div>
 		</div>
@@ -41,7 +45,6 @@
 				{{ end }}
 			</div>
 		</div>
-
 		{{ if $datafile.versions }}
 		<div class="row">
 			<div class="col-lg-12">
@@ -50,7 +53,9 @@
 				{{ range $datafile.versions }}
 					<li><div>
 						<span id="version">version {{ .number }}</span>
+						<span id="date">{{ .date }}</span>
 						<span id="description">{{ .description }}</span>
+						<span id="download"><a href="{{ .download }}">download</a></span>
 					</div></li>
 				{{ end }}
 				<li></li>