feat: Improvements for mobile version (#776)

client/src/components/CardModal/CardModal.module.scss

@@ -25,6 +25,15 @@
 
   .actions {
     margin-bottom: 24px;
+    @media only screen and (max-width: 797px) {
+      margin-bottom: 10px;
+      width: 50%;
+      padding: 10px;
+    }
+    @media only screen and (max-width: 425px) {
+      width: 100%;
+      padding: unset;
+    }
   }
 
   .actionsTitle {
@@ -62,6 +71,9 @@
 
   .contentPadding {
     padding: 8px 8px 0 16px;
+    @media only screen and (max-width: 797px) {
+      width: 100% !important;
+    }
   }
 
   .cursorPointer {
@@ -154,6 +166,10 @@
 
   .modalPadding {
     padding: 0px;
+    @media only screen and (max-width: 797px) {
+      display: flex;
+      flex-flow: column nowrap;
+    }
   }
 
   .moduleHeader {
@@ -184,6 +200,12 @@
 
   .sidebarPadding {
     padding: 8px 16px 0 8px;
+    @media only screen and (max-width: 797px) {
+      width: 100% !important;
+      display: flex;
+      flex-flow: row wrap;
+      align-items: flex-start;
+    }
   }
 
   .text {