redesign search panel

src/styles/SearchResults.scss

@@ -1,12 +1,39 @@
 @import "./Design.scss";
 
 .search-results {
-  min-width: 60%;
-  max-width: 90%;
+  height: 100%;
+  width: 100%;
+}
+
+.search-top{
+  background-color:$dark-gray;
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 0;
+}
+
+.search-top-left{
+  margin-left: 24px;
+}
+
+.search-top-lower{
+  margin-top: 0;
+  background-color: #202020;
+  p{
+    margin-top: 0;
+    padding: 8px;
+  }
+}
+
+.search-middle{
+  width: fit-content;
+  margin: auto;
 }
 
 .card-restaurant {
-  border-radius: 15px;
+  border-radius: 22px;
   padding: 4px;
   margin: 10px 0px 10px 0px;
   background-color: #202020;
@@ -25,8 +52,7 @@
   min-width: 180px;
   height: 180px;
   margin: 10px;
-  border-radius: 10px;
-  //border-radius: 100px;
+  border-radius: 16px;
   background-size: cover;
 }
 
@@ -63,12 +89,12 @@
 }
 
 .card-pictograms {
-  margin-bottom: 0px;
+  margin-bottom: 12px;
 }
 
 .results-count {
   width: 100%;
-  color: $secondary-color;
+  color: $gray;
   text-align: left;
   margin-top: 20px;
   margin-bottom: 20px;