shadow on hover

Author: LianaHus

libs/remix-ui/vertical-icons-panel/src/lib/components/Home.tsx

@@ -7,7 +7,7 @@ interface HomeProps {
 function Home ({ verticalIconPlugin }: HomeProps) {
   return (
     <div
-      className="pl-1 mt-2 remixui_homeIcon"
+      className="mt-3 my-1 remixui_homeIcon"
       onClick={async () => await verticalIconPlugin.activateHome()}
       {...{ plugin: 'home'}}
       title="Home"

libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.css

@@ -4,6 +4,10 @@
     height: 42px;
     cursor: pointer;
   }
+  .remixui_homeIcon:hover {
+    box-shadow: 0px 0px 14px -7px;
+  }
+
   .remixui_homeIcon svg path {
     fill: var(--primary);
   }
@@ -16,13 +20,14 @@
     justify-content: space-between;
     align-items: center;
   }
+  .remixui_icon:hover {
+    box-shadow: 0px 0px 14px -7px;
+  }
+
   .remixui_icon {
     cursor: pointer;
-    margin-bottom: 3px;
-    position: 12px;
     width: 36px;
     height: 36px;
-    padding: relative;
     border-radius: 8px;
   }
   .remixui_icon img {