From ca2c2863c1c8766dd0dbbf5a5fd6ac53238b44ca Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Yannik=20R=C3=B6del?= <hey@yannik.info>
Date: Mon, 21 Mar 2022 16:26:38 +0100
Subject: [PATCH] Add rudimentary missing icon for homepage

---
 src/content/index.md                | 14 +++++++++++++-
 src/styles/components/_actions.scss |  7 +++++--
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/content/index.md b/src/content/index.md
index 6ff2dfa..0061163 100644
--- a/src/content/index.md
+++ b/src/content/index.md
@@ -17,8 +17,20 @@ Wir schaffen Zugang in die digitale Welt
     <p>Du kannst uns auf vielen Wegen helfen: Spende deinen alten Computer. Spende Geld, damit wir Teile zum Aufrüsten kaufen können. Komme vorbei und pack mit an. Egal, für was du dich entscheidest, wir freuen uns auf deinen Beitrag.</p>
   </div>
 
-  <a href="/computer-beantragen" class="first">
+  <a href="/computer-beantragen">
     <h3>Computer bekommen</h3>
+    <svg class="action-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 219 175">
+      <g>
+        <path d="M188 63h-28a2 2 0 1 0 0 5h28a2 2 0 1 0 0-5"/>
+        <path d="M188 76h-28a2 2 0 1 0 0 5h28a2 2 0 1 0 0-5"/>
+        <path d="M191 91a2 2 0 0 0-3-2h-28a2 2 0 1 0 0 5h28a2 2 0 0 0 2-3"/>
+        <path d="M174 113a9 9 0 1 0 9 10 9 9 0 0 0-9-10m0 14a4 4 0 1 1 4-4 4 4 0 0 1-4 4"/>
+        <path d="M174 136a9 9 0 1 0 9 9 9 9 0 0 0-9-9m0 13a4 4 0 1 1 4-4 4 4 0 0 1-4 4"/>
+        <path d="M156 102h-4a2 2 0 1 0 0 5h4a2 2 0 1 0 0-5"/>
+        <path d="M170 105a2 2 0 0 0-2-3h-4a2 2 0 1 0 0 5h4a2 2 0 0 0 2-2"/>
+        <path d="M204 99a2 2 0 0 0 3-2V61a9 9 0 0 0-9-9h-32V41a10 10 0 0 0-10-10H74a2 2 0 0 0 0 5h82a5 5 0 0 1 5 5v11h-6v-7a4 4 0 0 0-4-4H56a4 4 0 0 0-4 4v80a4 4 0 0 0 4 4h8a2 2 0 0 0 0-5h-7V46h93v6a9 9 0 0 0-9 9v63H74a2 2 0 1 0 0 5h67v5H51a5 5 0 0 1-5-5V41a5 5 0 0 1 5-5h13a2 2 0 0 0 0-5H51a10 10 0 0 0-10 10v88a10 10 0 0 0 10 10h20v5a5 5 0 0 0 5 5h9v10h-9a2 2 0 1 0 0 5h55a2 2 0 0 0 0-5h-9v-10h9a5 5 0 0 0 5-5v-5h5v16a9 9 0 0 0 9 9h48a9 9 0 0 0 9-9v-48a2 2 0 0 0-5 0v48a4 4 0 0 1-4 4h-48a4 4 0 0 1-4-4V61a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v36a2 2 0 0 0 2 2m-87 60H90v-10h27Zm14-15H76v-5h55Z"/>
+      </g>
+    </svg>
   </a>
 
   <a href="/hardware-spenden">
diff --git a/src/styles/components/_actions.scss b/src/styles/components/_actions.scss
index 0eb6228..b6f8b29 100644
--- a/src/styles/components/_actions.scss
+++ b/src/styles/components/_actions.scss
@@ -25,6 +25,7 @@
 	> a {
 		display: flex;
 		flex-direction: column-reverse;
+		align-items: center;
 		margin: layout.$large-gap 0;
 		padding: layout.$large-gap;
 		background: colors.$gray-50;
@@ -71,12 +72,14 @@
 		> a {
 			margin: 0;
 
-			&.first {
+			&:first-of-type {
+				flex-direction: row;
+				justify-content: space-between;
 				position: relative;
 				bottom: layout.$huge-gap;
 			}
 
-			&:not(.first) {
+			&:not(:first-of-type) {
 				grid-column: span 2;
 			}
 		}