Fix style issue with plant list in mobile mode

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;
+      }
     } 
   }