Updated content spacing in index.html

docs/index.html

@@ -86,12 +86,12 @@
       <a href="flavors.html" class="button">Flavors</a>
       <a href="customization.html" class="button">Customization</a>
       <a href="quick_reference.html" class="button">Quick Reference</a>
-      <a href="https://github.com/Chalarangelo/mini.css" class="button">Github</a>
+      <a href="https://github.com/Chalarangelo/mini.css" class="button"><i class="fa fa-github" aria-hidden="true" style="font-size: 1.4em; position: relative; bottom: -2px; margin-right: 2px;"></i>&nbsp;Github</a>
       </div>
     </header>
     <!-- Insert your page content here-->
     <main><div class="container">
-      <div class="row" style="padding-top: 40px;">
+      <div class="row" style="padding-top: 60px; padding-bottom: 20px;">
         <div class="col-sm-12 col-lg-10 col-lg-offset-1 row">
           <div class="col-sm-12 col-md box-centered row">
             <div class="card fluid">  
@@ -140,7 +140,7 @@
           </div>
         </div><br>
         <p>If you are interested in tinkering with the flavor files and cooking your own flavor, check out the <a href="customization.html">Customization</a> page for information, tips on how to get started and general guidelines.</p>
-        <hr>
+        <br><hr>
         </div>
       </div>
       <div class="row">
@@ -277,10 +277,10 @@
             </tbody>
           </table><br>
           <p><mark class="secondary" style="font-size: 1.4em; padding: 3px 10px;">!</mark>&nbsp;Due to the way <strong>mini.css</strong> is crafted, some legacy browsers are not supported anymore and some others are partially supported. This could be a dealbreaker for some developers, however most legacy browsers will display a less feature-rich and modern website. Apart from the table above, note that some mobile browsers like Opera Mini, IE Mobile and UC Browser for Android are officially supported, but some features may not be displayed properly or behave as expected due to the browsers themselves.</p>
-          <hr>
+          <br><hr>
         </div>
       </div>
-      <div class="row" style="padding-bottom: 40px;">
+      <div class="row" style="padding-bottom: 60px;">
         <div class="col-sm col-lg-10 col-lg-offset-1">
           <h2>Getting started</h2>
           <p>If you are still here after reading this far, we will assume you are interested or at least curious. Based on that assumption, here are a few links to help get you started:</p>

docs/v2/DEVLOG.md

@@ -750,3 +750,4 @@
 - Tested a new layout idea in `demo.html`, this is how the new `index.html` should look like in the next update (top part only).
 - Updated `index.html` to use the new `.sticky` `header`, along with other styling changes, such as content sizing.
 - *TODO* Update the rest of the pages, bump everything to `v2.1.0` and use the local stylesheets in the meantime.
+- Content spacing changes in `index.html`.