From 81440f01aae28e5ac09b00f335dafc69bc08d7b1 Mon Sep 17 00:00:00 2001
From: trivernis <trivernis@protonmail.com>
Date: Thu, 8 Jun 2023 19:37:45 +0200
Subject: [PATCH] Fix style issue with plant list in mobile mode

---
 sass/plants.scss | 30 +++++++++++++++++++++---------
 1 file changed, 21 insertions(+), 9 deletions(-)

diff --git a/sass/plants.scss b/sass/plants.scss
index 1c068dd..260cad3 100644
--- a/sass/plants.scss
+++ b/sass/plants.scss
@@ -13,6 +13,17 @@
     transition-duration: 0.25s;
     height: 128px;
     width: 256px;
+    user-select: none;
+
+    &:hover {
+      margin: 0.75em 1.25em 0.75em 0.75em;
+      box-shadow: 0.75em 0.75em $highlight;
+    }
+
+    &:active {
+      margin: 1em;
+      box-shadow: 0.5em 0.5em $highlight;
+    }
 
     a.plant-link {
       display: block;
@@ -35,15 +46,6 @@
         text-decoration: none;
       }
     }
-
-    &:hover {
-      margin: 0.75em 1.25em 0.75em 0.75em;
-      box-shadow: 0.75em 0.75em $highlight;
-    }
-    &:active {
-      margin: 1em;
-      box-shadow: 0.5em 0.5em $highlight;
-    }
   }
 }
 
@@ -55,6 +57,16 @@
       display: block;
       float: none;
       margin: 1em auto;
+
+      &:hover {
+        margin: 1em auto;
+        box-shadow: 0.5em 0.5em $secondary;
+      }
+
+      &:active {
+        margin: 1em auto;
+        box-shadow: 0.5em 0.5em $secondary;
+      }
     } 
   }