From 7ffd50392b7835ac9d715c5474874394f9cd815c Mon Sep 17 00:00:00 2001
From: Andrea Cardaci <cyrus.and@gmail.com>
Date: Mon, 4 Jun 2018 21:58:16 +0200
Subject: [PATCH] Refactor examples using an unordered list

---
 _layouts/bin.html | 8 ++++----
 assets/style.scss | 4 +++-
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/_layouts/bin.html b/_layouts/bin.html
index f25ca25..47e5e30 100644
--- a/_layouts/bin.html
+++ b/_layouts/bin.html
@@ -21,7 +21,7 @@ layout: common
 
 {{ site.data.functions[function_name].description | markdownify }}
 
-<div class="examples">
+<ul class="examples">
 
     {% for example in examples %}
 
@@ -33,13 +33,13 @@ sudo sh -c 'chown 0 ./{{ bin_name }}; chmod +s ./{{ bin_name }}'
 {{ example.code }}
 {% endcapture %}
 
-    <div class="example">
+    <li>
         {{ example.description | markdownify }}
         <pre><code>{{- code | strip -}}</code></pre>
-    </div>
+    </li>
 
     {% endfor %}
 
-</div>
+</ul>
 
 {% endfor %}
diff --git a/assets/style.scss b/assets/style.scss
index f19665d..c33f2dc 100644
--- a/assets/style.scss
+++ b/assets/style.scss
@@ -149,8 +149,10 @@ h2, h3, h4, h5, h5 {
     width: 100%;
     table-layout: fixed;
     counter-reset: item;
+    margin: 0;
+    padding: 0;
 
-    .example:not(:only-child) {
+    li:not(:only-child) {
         display: table-row;
 
         &:before {