From eaa65d0e13d8196c6142484273dceffbb862379b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Th=C3=A9ophile=20Bastian?= <contact@tobast.fr>
Date: Sun, 21 Jun 2020 22:56:12 +0200
Subject: [PATCH] Menu tabs: add margin transition (on hover/active)

---
 scss/style.scss      | 1 +
 static/css/style.css | 1 +
 2 files changed, 2 insertions(+)

diff --git a/scss/style.scss b/scss/style.scss
index 3db5c15..5c7b875 100644
--- a/scss/style.scss
+++ b/scss/style.scss
@@ -63,6 +63,7 @@ body {
           margin: 2px 0;
           border-top-left-radius: 10px;
           border-bottom-left-radius: 10px;
+          transition: margin 0.1s ease-in-out;
 
           &:hover {
             margin-left: 10px;
diff --git a/static/css/style.css b/static/css/style.css
index 1f80408..2d78907 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -47,6 +47,7 @@ body {
         margin: 2px 0;
         border-top-left-radius: 10px;
         border-bottom-left-radius: 10px;
+        transition: margin 0.1s ease-in-out;
         color: white; }
         #main-container .tab-selector ul li a:hover {
           margin-left: 10px; }