From 08e5fdf2a973c1437cd9c888176357b9b084b997 Mon Sep 17 00:00:00 2001
From: Neha9849 <nehadeekonda66@gmail.com>
Date: Tue, 22 Feb 2022 02:04:32 +0530
Subject: [PATCH 1/4] some css fixes

---
 assets/css/style.css          | 6 +++++-
 layouts/index.html            | 3 ++-
 layouts/partials/default.html | 2 +-
 layouts/partials/footer.html  | 2 +-
 4 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index b08f0a9..c9ca7c5 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -901,7 +901,7 @@ tbody {
 .sidebar {
     background-color: var(--white-color);
     position: sticky;
-    top: 50px;
+    top: 110px;
     margin-bottom: 30px;
     padding: 40px 10px 20px 10px;
 }
@@ -1070,3 +1070,7 @@ pre code::-webkit-scrollbar-thumb {
 .code-tabs .nav-tabs .nav-item.active .nav-link {
     color: var(--white-color);
 }
+.cardLink:hover{
+    text-decoration: none;
+
+}
diff --git a/layouts/index.html b/layouts/index.html
index c8a399b..396ed6d 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -17,7 +17,8 @@ <h2 class="section-title">{{ i18n "topics_title" | safeHTML }}</h2>
         {{ "<!-- topic-item -->" | safeHTML }}
         {{ range (where .Site.Pages "Type" "docs") }}
         <div class="col-lg-4 col-sm-6 mb-4">
-          <a href="{{ .Permalink }}" class="px-4 py-5 bg-white shadow text-center d-block match-height">
+          <a href="{{ .Permalink }}" class="px-4 py-5 bg-white shadow text-center d-block match-height
+          cardLink">
             {{ with .Params.icon}}<i class="{{.}} icon text-primary d-block mb-4"></i>{{end}}
             <h3 class="mb-3 mt-0">{{ .Title }}</h3>
             {{with .Params.description}}<p class="mb-0">{{. | markdownify}}</p>{{end}}
diff --git a/layouts/partials/default.html b/layouts/partials/default.html
index 8e26f11..1e73bad 100644
--- a/layouts/partials/default.html
+++ b/layouts/partials/default.html
@@ -24,7 +24,7 @@
       </div>
       <div class="col-lg-9">
         <!-- begin breadcrumb feature -->
-        <div class="bg-white" style="margin:auto">
+        <div class="bg-white p-3" style="margin:auto">
           {{ partial "breadcrumb.html" . }}
         </div>
         <!-- end breadcrumb feature -->
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index f89dfe1..9a0d6fa 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -1,5 +1,5 @@
 {{ "<!-- footer -->" | safeHTML }}
-<footer class="section bg-primary p-4">
+<footer class="section bg-primary p-4 mt-5">
   {{ $orgName:= site.Params.brand.parent_org_name }}
   {{ $orgLegal:= site.Params.brand.parent_org_url_legal }}
   {{ $orgUrl:= site.Params.brand.parent_org_url }}

From ee8f7809f801da6338da86490022c5906692ebb0 Mon Sep 17 00:00:00 2001
From: Neha9849 <nehadeekonda66@gmail.com>
Date: Tue, 22 Feb 2022 03:28:46 +0530
Subject: [PATCH 2/4] added download-pdf partial

---
 layouts/partials/default.html      | 8 +-------
 layouts/partials/download-pdf.html | 7 +++++++
 2 files changed, 8 insertions(+), 7 deletions(-)
 create mode 100644 layouts/partials/download-pdf.html

diff --git a/layouts/partials/default.html b/layouts/partials/default.html
index 1e73bad..9785fc8 100644
--- a/layouts/partials/default.html
+++ b/layouts/partials/default.html
@@ -12,13 +12,7 @@
               {{ template "section-tree-nav" dict "sect" . "currentnode" $currentNode "index" 0}}
               {{ end }}
             {{ end }}
-            {{ if .Content }}
-              {{ if eq .Params.downloadBtn "true" }}
-                <div>
-                    <button class="btn btn-primary btn-block" id="generatePDF">Get Pdf</button>
-                </div>
-              {{ end }}
-            {{ end }}
+            {{ partial "download-pdf.html" .}}
           </ul>
         </div>
       </div>
diff --git a/layouts/partials/download-pdf.html b/layouts/partials/download-pdf.html
new file mode 100644
index 0000000..9047ec5
--- /dev/null
+++ b/layouts/partials/download-pdf.html
@@ -0,0 +1,7 @@
+{{ if .Content }}
+{{ if eq .Params.downloadBtn "true" }}
+  <div>
+      <button class="btn btn-primary btn-block" id="generatePDF">Get Pdf</button>
+  </div>
+{{ end }}
+{{ end }}
\ No newline at end of file

From 0a2dd1e2e72919495aecf3479194e7a2f5c4353f Mon Sep 17 00:00:00 2001
From: "Justin W. Flory (he/him) [UNICEF Innovation]" <jflory@unicef.org>
Date: Tue, 22 Feb 2022 11:54:42 +0100
Subject: [PATCH 3/4] Keep HTML element on a single line, and other minor
 spacing

Signed-off-by: Justin W. Flory (he/him) [UNICEF Innovation] <jflory@unicef.org>
---
 assets/css/style.css | 4 +---
 layouts/index.html   | 3 +--
 2 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index c9ca7c5..56400d6 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -1070,7 +1070,5 @@ pre code::-webkit-scrollbar-thumb {
 .code-tabs .nav-tabs .nav-item.active .nav-link {
     color: var(--white-color);
 }
-.cardLink:hover{
-    text-decoration: none;
 
-}
+.cardLink:hover { text-decoration: none; }
diff --git a/layouts/index.html b/layouts/index.html
index 396ed6d..4592ef9 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -17,8 +17,7 @@ <h2 class="section-title">{{ i18n "topics_title" | safeHTML }}</h2>
         {{ "<!-- topic-item -->" | safeHTML }}
         {{ range (where .Site.Pages "Type" "docs") }}
         <div class="col-lg-4 col-sm-6 mb-4">
-          <a href="{{ .Permalink }}" class="px-4 py-5 bg-white shadow text-center d-block match-height
-          cardLink">
+          <a href="{{ .Permalink }}" class="px-4 py-5 bg-white shadow text-center d-block match-height cardLink">
             {{ with .Params.icon}}<i class="{{.}} icon text-primary d-block mb-4"></i>{{end}}
             <h3 class="mb-3 mt-0">{{ .Title }}</h3>
             {{with .Params.description}}<p class="mb-0">{{. | markdownify}}</p>{{end}}

From aafa0409803a09ffe2a1aff137b3a91586e880a2 Mon Sep 17 00:00:00 2001
From: Neha Deekonda <85057583+Neha9849@users.noreply.github.com>
Date: Tue, 22 Feb 2022 16:36:16 +0530
Subject: [PATCH 4/4] :lipstick: :art: css/layouts: Improve visual design, add
 PDF download partial (#55)

Fixes #31.

* some css fixes
* added download-pdf partial
* Keep HTML element on a single line, and other minor spacing

Co-authored-by: Justin W. Flory (he/him) [UNICEF Innovation] <jflory@unicef.org>
---
 assets/css/style.css               |  4 +++-
 layouts/index.html                 |  2 +-
 layouts/partials/default.html      | 10 ++--------
 layouts/partials/download-pdf.html |  7 +++++++
 layouts/partials/footer.html       |  2 +-
 5 files changed, 14 insertions(+), 11 deletions(-)
 create mode 100644 layouts/partials/download-pdf.html

diff --git a/assets/css/style.css b/assets/css/style.css
index b08f0a9..56400d6 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -901,7 +901,7 @@ tbody {
 .sidebar {
     background-color: var(--white-color);
     position: sticky;
-    top: 50px;
+    top: 110px;
     margin-bottom: 30px;
     padding: 40px 10px 20px 10px;
 }
@@ -1070,3 +1070,5 @@ pre code::-webkit-scrollbar-thumb {
 .code-tabs .nav-tabs .nav-item.active .nav-link {
     color: var(--white-color);
 }
+
+.cardLink:hover { text-decoration: none; }
diff --git a/layouts/index.html b/layouts/index.html
index c8a399b..4592ef9 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -17,7 +17,7 @@ <h2 class="section-title">{{ i18n "topics_title" | safeHTML }}</h2>
         {{ "<!-- topic-item -->" | safeHTML }}
         {{ range (where .Site.Pages "Type" "docs") }}
         <div class="col-lg-4 col-sm-6 mb-4">
-          <a href="{{ .Permalink }}" class="px-4 py-5 bg-white shadow text-center d-block match-height">
+          <a href="{{ .Permalink }}" class="px-4 py-5 bg-white shadow text-center d-block match-height cardLink">
             {{ with .Params.icon}}<i class="{{.}} icon text-primary d-block mb-4"></i>{{end}}
             <h3 class="mb-3 mt-0">{{ .Title }}</h3>
             {{with .Params.description}}<p class="mb-0">{{. | markdownify}}</p>{{end}}
diff --git a/layouts/partials/default.html b/layouts/partials/default.html
index 8e26f11..9785fc8 100644
--- a/layouts/partials/default.html
+++ b/layouts/partials/default.html
@@ -12,19 +12,13 @@
               {{ template "section-tree-nav" dict "sect" . "currentnode" $currentNode "index" 0}}
               {{ end }}
             {{ end }}
-            {{ if .Content }}
-              {{ if eq .Params.downloadBtn "true" }}
-                <div>
-                    <button class="btn btn-primary btn-block" id="generatePDF">Get Pdf</button>
-                </div>
-              {{ end }}
-            {{ end }}
+            {{ partial "download-pdf.html" .}}
           </ul>
         </div>
       </div>
       <div class="col-lg-9">
         <!-- begin breadcrumb feature -->
-        <div class="bg-white" style="margin:auto">
+        <div class="bg-white p-3" style="margin:auto">
           {{ partial "breadcrumb.html" . }}
         </div>
         <!-- end breadcrumb feature -->
diff --git a/layouts/partials/download-pdf.html b/layouts/partials/download-pdf.html
new file mode 100644
index 0000000..9047ec5
--- /dev/null
+++ b/layouts/partials/download-pdf.html
@@ -0,0 +1,7 @@
+{{ if .Content }}
+{{ if eq .Params.downloadBtn "true" }}
+  <div>
+      <button class="btn btn-primary btn-block" id="generatePDF">Get Pdf</button>
+  </div>
+{{ end }}
+{{ end }}
\ No newline at end of file
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index f89dfe1..9a0d6fa 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -1,5 +1,5 @@
 {{ "<!-- footer -->" | safeHTML }}
-<footer class="section bg-primary p-4">
+<footer class="section bg-primary p-4 mt-5">
   {{ $orgName:= site.Params.brand.parent_org_name }}
   {{ $orgLegal:= site.Params.brand.parent_org_url_legal }}
   {{ $orgUrl:= site.Params.brand.parent_org_url }}