From 1d0b332b42bc1655847c5934da2384eb3f2b823f Mon Sep 17 00:00:00 2001
From: Ponkhy <xtheponkhx@gmail.com>
Date: Tue, 10 Aug 2021 18:29:47 +0200
Subject: [PATCH] Fixed function buttons for smaller screens

---
 src/pages/Details.vue | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/src/pages/Details.vue b/src/pages/Details.vue
index d116729..58ee68a 100644
--- a/src/pages/Details.vue
+++ b/src/pages/Details.vue
@@ -306,6 +306,31 @@ export default {
 <style lang="scss" scoped>
 @import "../assets/vars.scss";
 
+@media (max-width: 550px) { 
+    .functions {
+        text-align: center;
+    }
+
+    button, a {
+        margin-left: 10px !important;
+        margin-right: 10px !important;
+    }
+}
+
+@media (max-width: 400px) { 
+    .btn {
+        display: inline-flex;
+        flex-direction: column;
+        align-items: center;
+        padding-top: 10px;
+    }
+
+    a.btn {
+        padding-left: 25px;
+        padding-right: 25px;
+    }
+}
+
 .url {
     color: $primary;
     margin-bottom: 20px;