styles changes

src/styles/styles.css

@@ -52,3 +52,51 @@
 .text-center {
   text-align: center;
 }
+
+.sticky-search-container {
+  position: sticky;
+  top: 0;
+  z-index: 10;
+  padding: 8px 0;
+}
+
+.toolbar {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 8px;
+  background-color: #eeeeee;
+  border-bottom: 1px solid #c8c8c8;
+  border-radius: 8px;
+  flex-wrap: wrap;
+}
+
+.toolbar-item {
+  flex-shrink: 0;
+}
+
+.search-wrapper {
+  flex-grow: 1;
+  min-width: 200px;
+}
+
+.selector {
+  min-width: 220px;
+}
+
+@media (max-width: 768px) {
+  .selector {
+    flex-basis: 100%;
+    margin-left: auto;
+  }
+}
+
+@media (max-width: 768px) {
+  .search-wrapper {
+    flex-basis: 100%;
+  }
+}
+
+:deep(.mobile-full-width) {
+  width: 100%;
+}