From ba6d5c462015f8c5976e78736a8f2f114adc3f5e Mon Sep 17 00:00:00 2001
From: Aditya Telange <21258296+adityatelange@users.noreply.github.com>
Date: Sat, 29 Aug 2020 10:41:20 +0530
Subject: [PATCH] profileMode : improve buttons, add theme transition

---
 assets/css/profileMode.css                | 13 ++++++++++---
 layouts/partials/indexProfileButtons.html |  4 ++--
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/assets/css/profileMode.css b/assets/css/profileMode.css
index 456438ab..98feeb8d 100644
--- a/assets/css/profileMode.css
+++ b/assets/css/profileMode.css
@@ -37,17 +37,24 @@ img {
 }
 
 .buttons {
+    display: flex;
+    flex-wrap: wrap;
     max-width: 300px;
-    line-height: 2.8;
+    justify-content: center;
 }
 
 .button {
     background: var(--tertiary);
     border-radius: var(--radius);
     margin: 8px;
-    padding: 8px;
+    padding: 6px;
+    transition: transform 0.1s;
 }
 
 .button-inner {
-    padding: 10px;
+    padding: 0 8px;
+}
+
+.button:active, .social-icons>a>svg:active{
+    transform: scale(0.96);
 }
\ No newline at end of file
diff --git a/layouts/partials/indexProfileButtons.html b/layouts/partials/indexProfileButtons.html
index 43ff7162..cfd4109d 100644
--- a/layouts/partials/indexProfileButtons.html
+++ b/layouts/partials/indexProfileButtons.html
@@ -1,7 +1,7 @@
 {{ range . -}}
-<span class="button">
+<div class="button">
     <a href="{{ .url }}" rel="noopener" title="{{ .name | humanize }}">
         <span class="button-inner">{{ .name }}</span>
     </a>
-</span>
+</div>
 {{- end -}}
\ No newline at end of file