feat: Improvements for mobile version (#776)

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

@@ -2,14 +2,22 @@
   .action {
     align-items: center;
     display: flex;
+    flex-wrap: nowrap;
     flex: 0 0 auto;
-    margin-right: 20px;
+
+    @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;
   }
 
   .wrapper {
@@ -17,6 +25,7 @@
     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,6 +10,7 @@
     display: inline-block;
     outline: none;
     padding: 0;
+    white-space: nowrap;
   }
 
   .filterItem {
@@ -45,10 +46,15 @@
   }
 
   .search {
-    height: 30px;
-    margin: 0 12px;
+    height: 24px;
     transition: width 0.2s ease;
-    width: 280px;
+    width: 220px;
+    margin: 0 12px;
+
+    @media only screen and (min-width: 797px) {
+      width: 280px;
+      height: 30px;
+    }
 
     input {
       font-size: 13px;