Merge branch 'develop' into feature/65-favourite-call

src/assets/scss/components/appForm.scss

@@ -30,6 +30,10 @@
       line-height: normal;
       margin-left: 10px;
     }
+
+    &.p-error {
+      color: var(--message-error-color)
+    }
   }
 
   small {

src/assets/scss/components/appPage.scss

@@ -312,7 +312,7 @@
                     #f8d282 20px
     );
 
-    .p-button {
+    .p-button-outlined {
         background: white;
     }
 }

src/assets/scss/components/layout.scss

@@ -134,6 +134,17 @@ img {
   }
 }
 
+.blockingOverlay {
+  position: absolute;
+  z-index: 999;
+  inset: 0;
+  background-color: rgba(255,255,255,0.3)
+}
+
+button[disabled] {
+  filter: grayscale(1);
+}
+
 @media (max-width: 800px) {
   .inner {
     flex-direction: column;

src/assets/scss/components/misc.scss

@@ -106,19 +106,18 @@
   padding: 1rem 1.5rem;
 }
 
-.blockingOverlay {
-  position: absolute;
-  z-index: 999;
-  inset: 0;
-  background-color: rgba(255,255,255,0.3)
-}
-
 .p-accordion-header-text, .p-accordion-content {
   p {
     margin: 0;
   }
 }
 
+.p-disabled, .p-disabled * {
+  cursor: not-allowed;
+  pointer-events: auto;
+  user-select: none;
+}
+
 .p-inputgroup.flex-1 {
   align-items: center;
 }