chore(calendar): improve layout on mobile slightly

apps/client/src/widgets/collections/calendar/index.css

@@ -70,6 +70,8 @@
 
 .calendar-view .collection-properties {
     .center-container {
+        order: 100;
+
         .title {
             min-width: 150px;
             font-size: 1.2em;
@@ -78,8 +80,18 @@
     }
 
     @media (max-width: 991px) {
+        >div {
+            justify-content: flex-start;
+        }
+
+        .right-container {
+            flex-grow: 0;
+        }
+
         .center-container {
-            padding: 0.5em 0;
+            .title {
+                flex-grow: 1;
+            }
         }
     }
 }

apps/client/src/widgets/note_bars/CollectionProperties.css

@@ -30,6 +30,8 @@
 
     @media (max-width: 991px) {
         flex-wrap: wrap;
+        padding: 0.55em 1em;
+        margin: 0;
 
         >div {
             flex-grow: 1;