Merge branch 'develop' into feature/46-forms-flow-preview

src/assets/scss/components/appPage.scss

@@ -167,6 +167,7 @@
         display: flex;
         gap: 1rem;
         align-items: center;
+        justify-content: space-between;
         padding: 5px 0;
 
         &.rowContent {
@@ -178,7 +179,7 @@
 
         p {
             margin: 0;
-            flex: 1 1 100%;
+            /*flex: 1 1 100%;*/
         }
 
         ul, ol {
@@ -251,6 +252,7 @@
     flex-direction: row;
     justify-content: space-between;
     gap: 16px;
+    width: 100%;
 }
 
 .appPageSection__checklist {

src/assets/scss/components/layout.scss

@@ -153,6 +153,16 @@ button[disabled] {
   filter: grayscale(1);
 }
 
+.iconBtn {
+  background: transparent;
+  border: none;
+
+  &:hover {
+    cursor: pointer;
+    color: var(--primary-text);
+  }
+}
+
 @media (max-width: 800px) {
   .inner {
     flex-direction: column;

src/assets/scss/components/misc.scss

@@ -8,10 +8,15 @@
 .p-badge {
   color: var(--menuitem-active-color);
 }
-.p-button:not(.p-button-outlined, .p-button-secondary, .p-confirm-popup-reject, .p-button-link),
-.p-button:not(.p-button-outlined, .p-button-secondary, .p-confirm-popup-reject, .p-button-link) span {
+.p-button:not(.p-button-outlined, .p-button-secondary, .p-confirm-popup-reject, .p-button-link, .p-column-filter-add-button, .p-column-filter-remove-button),
+.p-button:not(.p-button-outlined, .p-button-secondary, .p-confirm-popup-reject, .p-button-link, .p-column-filter-add-button, .p-column-filter-remove-button) span {
   color: var(--menuitem-active-color);
 }
+.p-column-filter-remove-button {
+  span {
+    margin: 0 5px;
+  }
+}
 .p-fileupload-row {
   .p-button-danger {
     background-color: #f44336;