From c019ef0a24ee312174f3f66ad863ac13afa22397 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Fri, 1 Nov 2019 19:42:40 +0530
Subject: [PATCH] :zap: Minor animations

---
 README.md           | 4 ++--
 layouts/default.vue | 7 +++++--
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index eb5ff6f5f..28bb5ce1d 100644
--- a/README.md
+++ b/README.md
@@ -322,9 +322,9 @@ This project is licensed under the [MIT License](https://opensource.org/licenses
 
 **Success**
 
-[![Postwoman](https://img.shields.io/badge/Trusted_by-Postwoman-success)](https://postwoman.io)
+[![Postwoman](https://img.shields.io/badge/Tested_on-Postwoman-success)](https://postwoman.io)
 ```
-[![Postwoman](https://img.shields.io/badge/Trusted_by-Postwoman-success)](https://postwoman.io)
+[![Postwoman](https://img.shields.io/badge/Tested_on-Postwoman-success)](https://postwoman.io)
 ```
 
 **Critical**
diff --git a/layouts/default.vue b/layouts/default.vue
index e27d56f4d..21762b42c 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -18,7 +18,6 @@
     </header>
     <div class="content">
       <div class="columns">
-        <nuxt id="main" class="main" />
         <aside class="nav-first">
           <nav class="primary-nav">
             <!--
@@ -104,6 +103,7 @@
             </nav>
           </div>
         </aside>
+        <nuxt id="main" class="main" />
         <aside class="nav-second"></aside>
       </div>
     </div>
@@ -202,6 +202,7 @@
     position: sticky;
     top: 0;
     align-self: flex-start;
+    z-index: 1;
   }
 
   .main {
@@ -289,10 +290,11 @@
       align-items: center;
       justify-content: center;
       padding: 16px;
-      border-radius: 8px;
+      border-radius: 50%;
       background-color: var(--brd-color);
       color: var(--fg-light-color);
       margin: 8px;
+      transition: border-radius .2s ease-in-out;
 
       &:hover {
         color: var(--fg-color);
@@ -305,6 +307,7 @@
       &.nuxt-link-exact-active {
         background-color: var(--ac-color);
         color: var(--act-color);
+        border-radius: 8px;
 
         svg {
           fill: var(--act-color);