redesign and fixes

src/styles/SearchResults.scss

@@ -9,15 +9,11 @@
   background-color:$dark-gray;
   width: 100%;
   display: flex;
-  justify-content: space-between;
+  justify-content: center;
   align-items: center;
   margin-bottom: 0;
 }
 
-.search-top-left{
-  margin-left: 24px;
-}
-
 .search-top-lower{
   margin-top: 0;
   background-color: #202020;
@@ -89,7 +85,6 @@
 }
 
 .card-pictograms {
-  margin-bottom: 12px;
 }
 
 .results-count {
@@ -115,3 +110,31 @@
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
 }
+
+.collapsible{
+  background-color: #444444;
+  max-height: 0px;
+  overflow: hidden;
+  transition: max-height 0.25s;
+  h3{
+    font-size: medium;
+    font-weight: 400;
+  }
+}
+
+.card-info-line{
+  display: flex;
+  align-items: center;
+  h3{
+    margin-left: 8px;
+  }
+}
+
+.card-info-line-top{
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  h3{
+    font-size: medium;
+  }
+}