Merge branch 'develop' into feature/92-notifications

src/assets/scss/components/appPage.scss

@@ -11,7 +11,7 @@
         font-weight: 600;
         line-height: normal;
     }
-    
+
     .appPageLogin__wrapper {
         h1 {
             text-align: center;
@@ -89,6 +89,7 @@
 }
 
 .appPageSection {
+    position: relative;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
@@ -99,7 +100,7 @@
         gap: 1rem;
         grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
         width: 100%;
-        
+
         /*> div {
             max-width: 50%;
         }*/
@@ -130,7 +131,7 @@
         padding: 5px 0;
         width: 100%;
     }
-    
+
     .col {
         display: flex;
         flex-direction: column;
@@ -188,7 +189,7 @@
 
         ul, ol {
             padding-left: 1rem;
-            
+
             li {
                 color: var(--global-textColor);
             }
@@ -217,7 +218,7 @@
 
         .appPageSection__pMeta {
             margin-bottom: 1em;
-            
+
             span:nth-of-type(1) {
                 max-width: 30%;
             }
@@ -263,7 +264,7 @@
     display: flex;
     flex-direction: column;
     gap: 1.2rem;
-    
+
     div {
         display: flex;
         gap: 0.5rem;
@@ -294,11 +295,11 @@
         color: var(--message-info-color);
         border-color: var(--message-info-color);
     }
-    
+
     .summary {
         font-weight: bold;
     }
-    
+
     a {
         color: inherit;
     }
@@ -401,7 +402,7 @@
     gap: 10px;
     align-items: center;
     flex-wrap: wrap;
-    
+
     &.lessGap {
         gap: 12px;
     }
@@ -418,7 +419,7 @@
     background-color: transparent;
     color: var(--global-textColor);
     padding: 0;
-    
+
     &:hover {
         cursor: pointer;
         color: var(--message-info-color);
@@ -449,4 +450,4 @@
             grid-template-columns: 1fr;
         }
     }
-}
+}