download svg, button label spacing

DanielRedacted · Sep 18, 2024 · 85e06db · 85e06db
1 parent effc745
commit 85e06db
Showing 1 changed file with 15 additions and 2 deletions.
diff --git a/card.html b/card.html
@@ -134,6 +134,10 @@
         padding:8px;
     }
     .row > a {
+        display: flex;
+        /* flex-direction: column; */
+        align-content: space-evenly;
+        justify-content: space-evenly;
         position: relative;
         flex:1;
         margin-left:22px;
@@ -205,7 +209,16 @@ <h2 id="header">Let's connect</h2>
         </div>
     </div>
     <div class="row">
-        <button style="box-shadow: 0 2px 0 0 gray; color:white; font-weight:bold; background-color: #444; border:none; border-radius:8px; margin:8px; height:44px; flex:1;">Save Contact</button>
+        <a style="box-shadow: 0 2px 0 0 gray; color:white; font-weight:bold; background-color: #444; border:none; border-radius:8px; margin:8px; padding:0; height:44px; flex:1;">
+            <p style="margin:auto;">Save Contact</p>
+            <div class="arrow">
+                <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <g>
+                        <path d="M6 21H18M12 3V17M12 17L17 12M12 17L7 12" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                    </g>
+                </svg>
+            </div>
+        </a>
     </div>
     <!-- <div class="row">
         <a>
@@ -263,7 +276,7 @@ <h1>Phone</h1>
                         arrow.classList.add("arrow");
                         const svgContent = await fetchSVG("cardAssets/icons/right-arrow.svg");
                         arrow.innerHTML = svgContent; // Insert the SVG content
-                        arrow.src = contact.icon;
+                        // arrow.src = contact.icon;
                         arrow.alt = `${contact.contactType} icon`;
                         button.appendChild(arrow);