want events

client/src/style/index.less

@@ -180,22 +180,36 @@ button, [type=submit] {
     text-transform: uppercase;
 }
 
+article {
+    background-color: var(--secondary-background-color);
+}
+
+
 .search {
     display: grid;
     grid-template-columns: 1fr 0.5fr 2fr;
 
     article {
         display: grid;
-        grid-template-columns: 1fr 4fr 1fr;
-        background-color: var(--secondary-background-color);
         padding: var(--base-spacing);
         margin-bottom: var(--base-spacing);
+        grid-template-columns: 1fr 4fr 1fr;
+    }
 
-        button {
-            margin-right: var(--base-spacing);
-            background: var(--tertiary-background-color);
-            border-color: var(--secondary-background-color);
-        }
+    button {
+        margin-right: var(--base-spacing);
+        background: var(--tertiary-background-color);
+        border-color: var(--secondary-background-color);
+    }
+}
+
+.list {
+    display: flex;
+
+    article {
+        flex: 1;
+        padding: var(--base-spacing);
+        margin: var(--base-spacing-half);
     }
 }
 
@@ -246,11 +260,11 @@ header {
 }
 
 .home {
-    display: grid;
-    grid-template-columns: 1fr 0.5fr 2fr;
+    display: flex;
 
     .bundle {
         flex: 1;
         padding-right: 1em;
     }
 }
+