fix agenda selecting agenda

src/app/pages/agenda/agenda.page.scss

@@ -945,7 +945,15 @@ $font-size: 11pt;
   display: none;
 }
 
-@media only screen and (max-width: 513px) {
+
+.select-calendar {
+  
+  mat-form-field {
+    width: 269px;
+  }
+}
+
+@media only screen and (max-width: 623px) {
   .calendar-options {
     display: none !important;
   }
@@ -980,4 +988,10 @@ $font-size: 11pt;
   .select-calendar {
     flex-grow: 1;
   }
+  .select-calendar {
+    mat-form-field {
+      width: 100%;
+    }
+  }
+  
 }

src/global.scss

@@ -1119,6 +1119,21 @@ ngx-mat-datetime-content{
     padding: 0px !important;
 }
 
+.select-calendar {
+  .mat-form-field-infix {
+    width: unset !important;
+    // width: 100%;
+  }
+
+//   .mat-select-value {
+//     display: table-cell;
+//     max-width: unset !important; 
+//     width: 100% !important;
+//     /* text-overflow: ellipsis; */
+//     /* white-space: nowrap; */
+// }
+}
+
 
 .loading-blocker {
     position: absolute;