drag handle adjustment

src/components/AppCard.tsx

@@ -17,13 +17,37 @@ interface AppCardProps {
 
 function MoveIcon() {
   return (
-    <svg viewBox="0 0 20 20" aria-hidden="true">
+    <svg viewBox="0 0 20 80" aria-hidden="true">
       <circle cx="7" cy="5" r="1.2" />
       <circle cx="13" cy="5" r="1.2" />
       <circle cx="7" cy="10" r="1.2" />
       <circle cx="13" cy="10" r="1.2" />
       <circle cx="7" cy="15" r="1.2" />
       <circle cx="13" cy="15" r="1.2" />
+      <circle cx="7" cy="20" r="1.2" />
+      <circle cx="13" cy="20" r="1.2" />
+      <circle cx="7" cy="25" r="1.2" />
+      <circle cx="13" cy="25" r="1.2" />
+      <circle cx="7" cy="30" r="1.2" />
+      <circle cx="13" cy="30" r="1.2" />
+      <circle cx="7" cy="35" r="1.2" />
+      <circle cx="13" cy="35" r="1.2" />
+      <circle cx="7" cy="40" r="1.2" />
+      <circle cx="13" cy="40" r="1.2" />
+      <circle cx="7" cy="45" r="1.2" />
+      <circle cx="13" cy="45" r="1.2" />
+      <circle cx="7" cy="50" r="1.2" />
+      <circle cx="13" cy="50" r="1.2" />
+      <circle cx="7" cy="55" r="1.2" />
+      <circle cx="13" cy="55" r="1.2" />
+      <circle cx="7" cy="60" r="1.2" />
+      <circle cx="13" cy="60" r="1.2" />
+      <circle cx="7" cy="65" r="1.2" />
+      <circle cx="13" cy="65" r="1.2" />
+      <circle cx="7" cy="70" r="1.2" />
+      <circle cx="13" cy="70" r="1.2" />
+      <circle cx="7" cy="75" r="1.2" />
+      <circle cx="13" cy="75" r="1.2" />
     </svg>
   );
 }

src/styles.css

@@ -403,8 +403,8 @@ main {
   z-index: 2;
   top: 50%;
   left: 0.35rem;
-  width: 1.7rem;
-  height: 2.25rem;
+  width: 1rem;
+  height: 5rem;
   display: grid;
   place-items: center;
   padding: 0;
@@ -440,8 +440,8 @@ main {
 }
 
 .drag-handle svg {
-  width: 1rem;
-  height: 1rem;
+  width: calc(1rem - 2px);
+  height: 4rem;
   fill: currentColor;
 }