- merged with develop;

src/assets/scss/components/appPage.scss

@@ -11,7 +11,7 @@
         font-weight: 600;
         line-height: normal;
     }
-    
+
     .appPageLogin__wrapper {
         h1 {
             text-align: center;
@@ -43,6 +43,10 @@
         margin-left: 10px;
         text-transform: uppercase;
     }
+
+    span.companyName {
+        margin: 0;
+    }
 }
 
 .appPage__spacer {
@@ -85,6 +89,7 @@
 }
 
 .appPageSection {
+    position: relative;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
@@ -95,7 +100,7 @@
         gap: 1rem;
         grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
         width: 100%;
-        
+
         /*> div {
             max-width: 50%;
         }*/
@@ -126,7 +131,7 @@
         padding: 5px 0;
         width: 100%;
     }
-    
+
     .col {
         display: flex;
         flex-direction: column;
@@ -184,7 +189,7 @@
 
         ul, ol {
             padding-left: 1rem;
-            
+
             li {
                 color: var(--global-textColor);
             }
@@ -213,7 +218,8 @@
 
         .appPageSection__pMeta {
             margin-bottom: 1em;
-            
+            break-inside: avoid;
+
             span:nth-of-type(1) {
                 max-width: 30%;
             }
@@ -258,8 +264,8 @@
 .appPageSection__checklist {
     display: flex;
     flex-direction: column;
-    gap: 1rem;
-    
+    gap: 1.2rem;
+
     div {
         display: flex;
         gap: 0.5rem;
@@ -290,11 +296,11 @@
         color: var(--message-info-color);
         border-color: var(--message-info-color);
     }
-    
+
     .summary {
         font-weight: bold;
     }
-    
+
     a {
         color: inherit;
     }
@@ -397,7 +403,7 @@
     gap: 10px;
     align-items: center;
     flex-wrap: wrap;
-    
+
     &.lessGap {
         gap: 12px;
     }
@@ -414,7 +420,7 @@
     background-color: transparent;
     color: var(--global-textColor);
     padding: 0;
-    
+
     &:hover {
         cursor: pointer;
         color: var(--message-info-color);
@@ -430,10 +436,19 @@
     }
 }
 
+.appPageSection__emailTemplate {
+    > div {
+        max-width: 100%!important;
+        > div {
+            max-width: 100%!important;
+        }
+    }
+}
+
 @media (max-width: 700px) {
     .appPageSection {
         &.columns {
             grid-template-columns: 1fr;
         }
     }
-}
+}

src/assets/scss/components/fieldsRepeater.scss

@@ -0,0 +1,45 @@
+.fieldsRepeater {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 10px;
+  width: 100%;
+}
+
+.fieldsRepeater form {
+  display: contents;
+
+}
+
+.fieldsRepeater__panel {
+  width: 100%;
+}
+
+.fieldsRepeater__heading {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+
+  > span {
+    width: 100%;
+    height: 100%;
+
+    &:hover {
+      cursor: pointer;
+      color: var(--menuitem-active-background);
+    }
+  }
+
+  &[data-hide="true"] {
+    display: none;
+  }
+}
+
+.fieldsRepeater__fields {
+  &[data-hide="true"] {
+    display: none;
+  }
+}
+
+.fieldsRepeater__addNew {
+}

src/assets/scss/components/notificationsSidebar.scss

@@ -0,0 +1,55 @@
+.notificationsIcon {
+  &:hover {
+    cursor: pointer;
+  }
+}
+
+.notificationsSidebar {
+  max-width: 360px;
+  width: 100%;
+}
+
+.notificationsSidebar__loading {
+  padding: 30px 0;
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  align-items: center;
+  gap: 10px;
+}
+
+.notificationsSidebar__list {
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+  list-style: none;
+  padding: 0;
+}
+
+.notificationsSidebar__listItem {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 5px;
+  padding: 15px 0;
+  border-bottom: 1px solid #e7e7e7;
+
+  &:hover {
+    cursor: pointer;
+    color: var(--primary-text);
+  }
+}
+
+.notificationsSidebar__listItemContent {
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+  font-size: 14px;
+}
+
+.notificationsSidebar__listItemChosen {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 5px;
+}

src/assets/scss/components/statsBigBadges.scss

@@ -5,11 +5,15 @@
     display: grid;
     align-items: stretch;
     /*grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));*/
-    grid-template-columns: repeat(2, minmax(220px,1fr));
+    grid-template-columns: repeat(2, minmax(220px, 1fr));
     gap: 1rem;
     width: 100%;
     container-name: big-badges-grid;
     container-type: inline-size;
+
+    &.grid-small {
+        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+    }
 }
 
 .statsBigBadges__grid .statsBigBadges__gridItem span {

src/assets/scss/theme.scss

@@ -44,4 +44,6 @@
 @import "./components/flowBuilder.scss";
 @import "./components/error404.scss";
 @import "./components/myTable.scss";
-@import "./components/evaluation.scss";
+@import "./components/evaluation.scss";
+@import "./components/fieldsRepeater.scss";
+@import "./components/notificationsSidebar.scss";