- added stats to dashboard;

- improved form builder;

src/assets/scss/components/formBuilder.scss

@@ -106,8 +106,16 @@
   }
 }
 
+.formBuilder__elementNew {
+  border: 1px solid var(--button-secondary-borderColor);
+  background-color: var(--button-secondary-borderColor);
+  width: 100%;
+  padding: 10px;
+  opacity: 0.6;
+}
+
 .formBuilder__aside {
-  flex: 0 0 250px;
+  flex: 0 0 200px;
   display: flex;
   flex-direction: column;
 
@@ -141,6 +149,7 @@
 
   &:hover {
     cursor: grab;
+    background-color: #F4E8C3;
   }
 }
 

src/assets/scss/components/layout.scss

@@ -112,4 +112,19 @@ img {
       }
     }
   }
+}
+
+@media (max-width: 800px) {
+  .inner {
+    flex-direction: column;
+
+    > aside {
+      flex: 0 0 auto;
+      margin-bottom: 50px;
+    }
+
+    > main {
+      width: 100%;
+    }
+  }
 }

src/assets/scss/components/statsBigBadges.scss

@@ -50,6 +50,14 @@
         border: 1px solid var(--yellow-500);
         background: var(--card-full-background-color-1);
     }
+    &:nth-of-type(5) {
+        border: 1px solid var(--yellow-500);
+        background: var(--card-full-background-color-5);
+    }
+    &:nth-of-type(6) {
+        border: 1px solid var(--yellow-500);
+        background: var(--card-full-background-color-6);
+    }
 }
 
 @media (max-width: 820px) {

src/assets/scss/theme.scss

@@ -24,7 +24,9 @@
   --card-full-background-color-2: #EEC137;
   --card-full-background-color-3: #FA8E42;
   --card-full-background-color-4: #75BD7D;
-  --card-full-background-color-1: #3B7C43;
+  --card-full-background-color-1: #54965b;
+  --card-full-background-color-5: #4ba190;
+  --card-full-background-color-6: #6d68c0;
 }
 
 @import "./components/layout.scss";