ref: Refactoring

client/src/components/BoardActions/BoardActions.module.scss

@@ -2,22 +2,15 @@
   .action {
     align-items: center;
     display: flex;
-    flex-wrap: nowrap;
     flex: 0 0 auto;
-
-    @media only screen and (max-width: 797px) {
-      gap: 10px;
-    }
   }
 
   .actions {
     align-items: center;
     display: flex;
-    flex-flow: norow wrap;
-    justify-content: flex-start;
-    align-items: center;
-    margin: 20px 20px;
     gap: 20px;
+    justify-content: flex-start;
+    margin: 20px 20px;
   }
 
   .wrapper {
@@ -25,7 +18,6 @@
     overflow-y: hidden;
     -ms-overflow-style: none;
     scrollbar-width: none;
-    max-width: 100vw;
 
     &::-webkit-scrollbar {
       display: none;

client/src/components/BoardActions/Filters.module.scss

@@ -10,7 +10,6 @@
     display: inline-block;
     outline: none;
     padding: 0;
-    white-space: nowrap;
   }
 
   .filterItem {
@@ -46,14 +45,13 @@
   }
 
   .search {
-    height: 24px;
-    transition: width 0.2s ease;
-    width: 220px;
+    height: 30px;
     margin: 0 12px;
+    transition: width 0.2s ease;
+    width: 280px;
 
-    @media only screen and (min-width: 797px) {
-      width: 280px;
-      height: 30px;
+    @media only screen and (max-width: 797px) {
+      width: 220px;
     }
 
     input {