⌨️ Moved types to an npm module

src/client/assets/scss/App.css

@@ -16316,50 +16316,23 @@ readers do not read off random characters that represent icons */
   white-space: pre-wrap;
 }
 
+.card-container {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+  column-gap: 0.5em;
+  row-gap: 1.2em;
+}
 .card-container .card {
   max-width: 200px;
-  margin: 0 0 15px 0;
 }
-.card-container .card .is-horizontal {
-  flex-direction: row;
-  display: flex;
-  flex-basis: 50ex;
-  flex-grow: 0;
-  flex-shrink: 1;
-  box-shadow: none;
-}
-.card-container .card .is-horizontal .card-image {
-  align-self: center;
-}
-.card-container .card .is-horizontal .card-image .image {
-  max-width: 60px;
-}
-.card-container .card .is-horizontal .card-image .image img {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-  border-top-left-radius: 0.25em;
-  border-bottom-left-radius: 0.25em;
-}
-.card-container .card .is-horizontal .card-content {
-  align-self: center;
-  flex: 1;
-  padding-left: 1em;
-  padding-top: 0;
-  padding-bottom: 0;
-  font-size: 0.8em;
-}
-.card-container .card .is-horizontal .card-content ul li.status {
-  margin-top: 10px;
-}
-.card-container .card .is-horizontal .card-content .truncate {
-  width: 400px;
+.card-container .card .truncate {
+  width: 100px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.card-container .card .is-horizontal .is-divider {
-  margin-top: 1.5rem;
-  margin-bottom: 1rem;
+.card-container .card img {
+  max-width: 200px;
 }
 
 .search-results-container {

src/client/assets/scss/App.scss

@@ -39,25 +39,27 @@ $border-color: red;
     white-space: pre-wrap;
   }
 }
+
+.card {
+  max-width: 200px;
+
+  .truncate {
+    width: 100px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  img {
+    max-width: 200px;
+  }
+}
 .card-container {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
   column-gap: 0.5em;
   row-gap: 1.2em;
-  .card {
-    max-width: 200px;
 
-    .truncate {
-      width: 100px;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-
-    img {
-      max-width: 200px;
-    }
-  }
   .card {
     max-width: 200px;
     margin: 0 0 15px 0;