connect new frontend to backend

project/assets/styles/main.less

@@ -41,6 +41,27 @@
     display: flex;
     align-items: center;
     gap: 10px;
+
+    &.is-done {
+      .rail-dot {
+        background: #E7EFE9;
+        color: #3F8F6B;
+        border-color: #CDE3D5;
+      }
+      .rail-label {
+        color: #3B3A36;
+      }
+    }
+    &.is-active{
+      .rail-dot {
+        background: #1C1C1A;
+        color: #FBFBF9;
+        border-color: #1C1C1A;
+      }
+      .rail-label {
+        color: #1C1C1A;
+      }
+    }
   }
   .rail-dot {
     width: 26px;
@@ -68,27 +89,6 @@
     margin: 0 14px;
     min-width: 24px;
   }
-
-  &.is-done {
-    .rail-dot {
-      background: #E7EFE9;
-      color: #3F8F6B;
-      border-color: #CDE3D5;
-    }
-    .rail-label {
-      color: #3B3A36;
-    }
-  }
-  &.is-active{
-    .rail-dot {
-      background: #1C1C1A;
-      color: #FBFBF9;
-      border-color: #1C1C1A;
-    }
-    .rail-label {
-      color: #1C1C1A;
-    }
-  }
 }
 /* ---- wybór ---- */
 .choices {
@@ -148,6 +148,10 @@
   }
   .head-label { font-size: 14px; font-weight: 600; }
 }
+.link {
+  margin-left: auto; background: none; border: none; color: #6B6A64;
+  font-size: 13px; text-decoration: underline; padding: 0; cursor: pointer; font-family: inherit;
+}
 .dropzone {
   border: 1.5px dashed #CFCEC8; border-radius: 14px; background: #FFFFFF;
   padding: 34px 24px; text-align: center; transition: all .15s;
@@ -164,5 +168,8 @@
     padding: 11px 20px; font-size: 13.5px; font-weight: 600; cursor: pointer; font-family: inherit;
     &:disabled { opacity: .6; cursor: default; }
   }
+  .add-more { display: block; margin: 12px auto 0; }
 }
-
+.loading-all {
+  margin: auto;
+}