From 49b3a07ff42e95cbeac4a255a1822d942431e4f2 Mon Sep 17 00:00:00 2001
From: erciccione <erciccione@protonmail.com>
Date: Sun, 29 Nov 2020 14:23:38 +0000
Subject: [PATCH] MRL: make the 'read paper' link a button

---
 css/custom.css                  |   1 -
 resources/research-lab/index.md | 112 ++++++++++++++++----------------
 2 files changed, 56 insertions(+), 57 deletions(-)

diff --git a/css/custom.css b/css/custom.css
index 2626f155..d253206e 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -4528,7 +4528,6 @@ label.accordion {
 }
 
 .research-paper .tab .tab-content a {
-    padding-top: 1rem;
     display: inline-block;
 }
 
diff --git a/resources/research-lab/index.md b/resources/research-lab/index.md
index 764f55dd..0348f0ab 100644
--- a/resources/research-lab/index.md
+++ b/resources/research-lab/index.md
@@ -19,140 +19,140 @@ permalink: /resources/research-lab/index.html
                     <input id="tab-2020312" type="checkbox" name="tabs" class="accordion">
                     <label for="tab-2020312" class="accordion">IACR 2020/312: {% t research-lab.iacr2020312 %}</label>
                     <div class="tab-content">
-                        <p><strong>{% t research-lab.abstract %}:</strong> {% t research-lab.iacr2020312_abstract %}
-                            <br>
-                            <a target="_blank" rel="noreferrer noopener" href="https://eprint.iacr.org/2020/312">{% t research-lab.read-paper %}</a>
-                        </p>
+                        <p><strong>{% t research-lab.abstract %}:</strong> {% t research-lab.iacr2020312_abstract %}</p>
+                        <div class="center-xs">
+                            <p><a class="btn-link btn-auto btn-primary" target="_blank" rel="noreferrer noopener" href="https://eprint.iacr.org/2020/312">{% t research-lab.read-paper %}</a></p>
+                        </div>
                     </div>
                 </div>
                 <div class="tab">
                     <input id="tab-2020018" type="checkbox" name="tabs" class="accordion">
                     <label for="tab-2020018" class="accordion">IACR 2020/018: {% t research-lab.iacr2020018 %}</label>
                     <div class="tab-content">
-                        <p><strong>{% t research-lab.abstract %}:</strong> {% t research-lab.iacr2020018_abstract %}
-                            <br>
-                            <a target="_blank" rel="noreferrer noopener" href="https://eprint.iacr.org/2020/018">{% t research-lab.read-paper %}</a>
-                        </p>
+                        <p><strong>{% t research-lab.abstract %}:</strong> {% t research-lab.iacr2020018_abstract %}</p>
+                        <div class="center-xs">
+                            <p><a class="btn-link btn-auto btn-primary" target="_blank" rel="noreferrer noopener" href="https://eprint.iacr.org/2020/018">{% t research-lab.read-paper %}</a></p>
+                        </div>
                     </div>
                 </div>
                 <div class="tab">
                     <input id="tab-2019654" type="checkbox" name="tabs" class="accordion">
                     <label for="tab-2019654" class="accordion">IACR 2019/654: {% t research-lab.iacr2019654 %}</label>
                     <div class="tab-content">
-                        <p><strong>{% t research-lab.abstract %}:</strong> {% t research-lab.iacr2019654_abstract %}
-                            <br>
-                            <a target="_blank" rel="noreferrer noopener" href="https://eprint.iacr.org/2019/654">{% t research-lab.read-paper %}</a>
-                        </p>
+                        <p><strong>{% t research-lab.abstract %}:</strong> {% t research-lab.iacr2019654_abstract %}</p>
+                        <div class="center-xs">
+                            <p><a class="btn-link btn-auto btn-primary" target="_blank" rel="noreferrer noopener" href="https://eprint.iacr.org/2019/654">{% t research-lab.read-paper %}</a></p>
+                        </div>
                     </div>
                 </div>
                 <div class="tab">
                     <input id="tab-11" type="checkbox" name="tabs" class="accordion">
                     <label for="tab-11" class="accordion">MRL-0010: {% t research-lab.mrl10 %}</label>
                     <div class="tab-content">
-                        <p><strong>{% t research-lab.abstract %}:</strong> {% t research-lab.mrl10_abstract %}
-                            <br>
-                            <a target="_blank" rel="noreferrer noopener" href="{{site.baseurl}}/resources/research-lab/pubs/MRL-0010.pdf">{% t research-lab.read-paper %}</a>
-                        </p>
+                        <p><strong>{% t research-lab.abstract %}:</strong> {% t research-lab.mrl10_abstract %}</p>
+                        <div class="center-xs">
+                           <p><a class="btn-link btn-auto btn-primary" target="_blank" rel="noreferrer noopener" href="{{site.baseurl}}/resources/research-lab/pubs/MRL-0010.pdf">{% t research-lab.read-paper %}</a></p>
+                        </div>
                     </div>
                 </div>
                 <div class="tab">
                     <input id="tab-10" type="checkbox" name="tabs" class="accordion">
                     <label for="tab-10" class="accordion">MRL-0009: {% t research-lab.mrl9 %}</label>
                     <div class="tab-content">
-                        <p><strong>{% t research-lab.abstract %}:</strong> {% t research-lab.mrl9_abstract %}
-                            <br>
-                            <a target="_blank" rel="noreferrer noopener" href="{{site.baseurl}}/resources/research-lab/pubs/MRL-0009.pdf">{% t research-lab.read-paper %}</a>
-                        </p>
+                        <p><strong>{% t research-lab.abstract %}:</strong> {% t research-lab.mrl9_abstract %}</p>
+                        <div class="center-xs">
+                            <p><a class="btn-link btn-auto btn-primary" target="_blank" rel="noreferrer noopener" rel="noreferrer noopener" href="{{site.baseurl}}/resources/research-lab/pubs/MRL-0009.pdf">{% t research-lab.read-paper %}</a></p>
+                        </div>
                     </div>
                 </div>
                 <div class="tab">
                     <input id="tab-9" type="checkbox" name="tabs" class="accordion">
                     <label for="tab-9" class="accordion">MRL-0008: {% t research-lab.mrl8 %}</label>
                     <div class="tab-content">
-                        <p><strong>{% t research-lab.abstract %}:</strong> {% t research-lab.mrl8_abstract %}
-                            <br>
-                            <a target="_blank" rel="noreferrer noopener" href="{{site.baseurl}}/resources/research-lab/pubs/MRL-0008.pdf">{% t research-lab.read-paper %}</a>
-                        </p>
+                        <p><strong>{% t research-lab.abstract %}:</strong> {% t research-lab.mrl8_abstract %}</p>
+                        <div class="center-xs">
+                            <p><a class="btn-link btn-auto btn-primary" target="_blank" rel="noreferrer noopener" target="_blank" rel="noreferrer noopener" href="{{site.baseurl}}/resources/research-lab/pubs/MRL-0008.pdf">{% t research-lab.read-paper %}</a></p>
+                            </div>
                     </div>
                 </div>
                 <div class="tab">
                     <input id="tab-8" type="checkbox" name="tabs" class="accordion">
                     <label for="tab-8" class="accordion">MRL-0007: {% t research-lab.mrl7 %}</label>
                     <div class="tab-content">
-                        <p><strong>{% t research-lab.abstract %}:</strong> {% t research-lab.mrl7_abstract %}
-                            <br>
-                            <a target="_blank" rel="noreferrer noopener" href="{{site.baseurl}}/resources/research-lab/pubs/MRL-0007.pdf">{% t research-lab.read-paper %}</a>
-                        </p>
+                        <p><strong>{% t research-lab.abstract %}:</strong> {% t research-lab.mrl7_abstract %}</p>
+                        <div class="center-xs">
+                            <p><a class="btn-link btn-auto btn-primary" target="_blank" rel="noreferrer noopener" target="_blank" rel="noreferrer noopener" href="{{site.baseurl}}/resources/research-lab/pubs/MRL-0007.pdf">{% t research-lab.read-paper %}</a></p>
+                        </div>
                     </div>
                 </div>
                 <div class="tab">
                     <input id="tab-7" type="checkbox" name="tabs" class="accordion">
                     <label for="tab-7" class="accordion">MRL-0006: {% t research-lab.mrl6 %}</label>
                     <div class="tab-content">
-                        <p><strong>{% t research-lab.abstract %}:</strong> {% t research-lab.mrl6_abstract %}
-                            <br>
-                            <a target="_blank" rel="noreferrer noopener" href="{{site.baseurl}}/resources/research-lab/pubs/MRL-0006.pdf">{% t research-lab.read-paper %}</a>
-                        </p>
+                        <p><strong>{% t research-lab.abstract %}:</strong> {% t research-lab.mrl6_abstract %}</p>
+                        <div class="center-xs">
+                            <p><a class="btn-link btn-auto btn-primary" target="_blank" rel="noreferrer noopener" href="{{site.baseurl}}/resources/research-lab/pubs/MRL-0006.pdf">{% t research-lab.read-paper %}</a></p>
+                        </div>
                     </div>
                 </div>
                 <div class="tab">
                     <input id="tab-6" type="checkbox" name="tabs" class="accordion">
                     <label for="tab-6" class="accordion">MRL-0005: {% t research-lab.mrl5 %}</label>
                     <div class="tab-content">
-                        <p><strong>{% t research-lab.abstract %}:</strong> {% t research-lab.mrl5_abstract %}
-                            <br>
-                            <a target="_blank" rel="noreferrer noopener" href="{{site.baseurl}}/resources/research-lab/pubs/MRL-0005.pdf">{% t research-lab.read-paper %}</a>
-                        </p>
+                        <p><strong>{% t research-lab.abstract %}:</strong> {% t research-lab.mrl5_abstract %}</p>
+                        <div class="center-xs">
+                            <p><a class="btn-link btn-auto btn-primary" target="_blank" rel="noreferrer noopener" href="{{site.baseurl}}/resources/research-lab/pubs/MRL-0005.pdf">{% t research-lab.read-paper %}</a></p>
+                        </div>
                     </div>
                 </div>
                 <div class="tab">
                     <input id="tab-5" type="checkbox" name="tabs" class="accordion">
                     <label for="tab-5" class="accordion">MRL-0004: {% t research-lab.mrl4 %}</label>
                     <div class="tab-content">
-                        <p><strong>{% t research-lab.abstract %}:</strong> {% t research-lab.mrl4_abstract %}
-                            <br>
-                            <a target="_blank" rel="noreferrer noopener" href="{{site.baseurl}}/resources/research-lab/pubs/MRL-0004.pdf">{% t research-lab.read-paper %}</a>
-                        </p>
+                        <p><strong>{% t research-lab.abstract %}:</strong> {% t research-lab.mrl4_abstract %}</p>
+                            <div class="center-xs">
+                                <p><a class="btn-link btn-auto btn-primary" target="_blank" rel="noreferrer noopener" href="{{site.baseurl}}/resources/research-lab/pubs/MRL-0004.pdf">{% t research-lab.read-paper %}</a></p>
+                            </div>
                     </div>
                 </div>
                 <div class="tab">
                     <input id="tab-4" type="checkbox" name="tabs" class="accordion">
                     <label for="tab-4" class="accordion">MRL-0003: {% t research-lab.mrl3 %}</label>
                     <div class="tab-content">
-                        <p><strong>{% t research-lab.abstract %}:</strong> {% t research-lab.mrl3_abstract %}
-                            <br>
-                            <a target="_blank" rel="noreferrer noopener" href="{{site.baseurl}}/resources/research-lab/pubs/MRL-0003.pdf">{% t research-lab.read-paper %}</a>
-                        </p>
+                        <p><strong>{% t research-lab.abstract %}:</strong> {% t research-lab.mrl3_abstract %}</p>
+                            <div class="center-xs">
+                                <p><a class="btn-link btn-auto btn-primary" target="_blank" rel="noreferrer noopener" href="{{site.baseurl}}/resources/research-lab/pubs/MRL-0003.pdf">{% t research-lab.read-paper %}</a></p>
+                            </div>
                     </div>
                 </div>
                 <div class="tab">
                     <input id="tab-3" type="checkbox" name="tabs" class="accordion">
                     <label for="tab-3" class="accordion">MRL-0002: {% t research-lab.mrl2 %}</label>
                     <div class="tab-content">
-                        <p><strong>{% t research-lab.abstract %}:</strong> {% t research-lab.mrl2_abstract %}
-                            <br>
-                            <a target="_blank" rel="noreferrer noopener" href="{{site.baseurl}}/resources/research-lab/pubs/MRL-0002.pdf">{% t research-lab.read-paper %}</a>
-                        </p>
+                        <p><strong>{% t research-lab.abstract %}:</strong> {% t research-lab.mrl2_abstract %}</p>
+                            <div class="center-xs">
+                                <p><a class="btn-link btn-auto btn-primary" target="_blank" rel="noreferrer noopener" href="{{site.baseurl}}/resources/research-lab/pubs/MRL-0002.pdf">{% t research-lab.read-paper %}</a></p>
+                            </div>
                     </div>
                 </div>
                 <div class="tab">
                     <input id="tab-2" type="checkbox" name="tabs" class="accordion">
                     <label for="tab-2" class="accordion">MRL-0001: {% t research-lab.mrl1 %}</label>
                     <div class="tab-content">
-                        <p><strong>{% t research-lab.abstract %}:</strong> {% t research-lab.mrl1_abstract %}
-                            <br>
-                            <a target="_blank" rel="noreferrer noopener" href="{{site.baseurl}}/resources/research-lab/pubs/MRL-0001.pdf">{% t research-lab.read-paper %}</a>
-                        </p>
+                        <p><strong>{% t research-lab.abstract %}:</strong> {% t research-lab.mrl1_abstract %}</p>
+                            <div class="center-xs">
+                                <p><a class="btn-link btn-auto btn-primary" target="_blank" rel="noreferrer noopener" href="{{site.baseurl}}/resources/research-lab/pubs/MRL-0001.pdf">{% t research-lab.read-paper %}</a></p>
+                            </div>
                     </div>
                 </div>
                 <div class="tab">
                     <input id="tab-1" type="checkbox" name="tabs" class="accordion">
                     <label for="tab-1" class="accordion">UNPUBLISHED: {% t research-lab.mrlhtp %}</label>
                     <div class="tab-content">
-                        <p><strong>{% t research-lab.summary %}:</strong> {% t research-lab.mrlhtp_summary %}
-                            <br>
-                            <a target="_blank" rel="noreferrer noopener" href="{{site.baseurl}}/resources/research-lab/pubs/ge_fromfe.pdf">{% t research-lab.read-paper %}</a>
-                        </p>
+                        <p><strong>{% t research-lab.summary %}:</strong> {% t research-lab.mrlhtp_summary %}</p>
+                            <div class="center-xs">
+                                <p><a class="btn-link btn-auto btn-primary" target="_blank" rel="noreferrer noopener" href="{{site.baseurl}}/resources/research-lab/pubs/ge_fromfe.pdf">{% t research-lab.read-paper %}</a></p>
+                            </div>
                     </div>
                 </div>
             </div>