update: clean-up form css

client.sample.happy-dev.css

@@ -76,7 +76,6 @@
   --color-select-add-button: var(--color-button-secondary);
   --color-select-add-button-background: var(--color-button-white);
 
-  --color-label-dark: var(--color-complementary);
   --color-label-light: var(--color-grey-6);
 
   /* Skill */

src/styles/abstracts/_variables.scss

@@ -96,7 +96,6 @@
   --color-select-add-button: var(--color-button-secondary);
   --color-select-add-button-background: var(--color-button-white);
 
-  --color-label-dark: var(--color-secondary);
   --color-label-light: var(--color-grey-6);
 
   /* skill */

src/styles/base/form.scss

 form {
   display: flex;
   flex-direction: column;
+  margin-left: -3.4rem;
   transition: all .3s ease;
 }
 
@@ -30,41 +31,27 @@ form {
   /*flex: 1 1 auto;*/
   font-weight: 600;
 
-  &.is-dark label {
-    color: var(--color-label-dark);
-    margin-top: 3rem;
-
-    &>*:nth-child(2) {
-      margin-top: 0.8rem;
-    }
-  }
-
   &.is-light label {
     color: var(--color-label-light);
     margin-top: 1.8rem;
     text-transform: uppercase;
 
-    &>*:nth-child(2) {
-      margin-top: 0.8rem;
+    &>*:nth-child(1) {
+      margin-bottom: 0.8rem;
     }
   }
 }
 
 .is-full-width {
+  box-sizing: border-box;
   flex: 1 1 100%;
+  padding-left: 3.4rem;
 }
 
 .is-half-width {
   box-sizing: border-box;
   flex: 0 0 50%;
-
-  &:nth-child(even) {
-    padding-left: 1.7rem;
-  }
-
-  &:nth-child(odd) {
-    padding-right: 1.7rem;
-  }
+  padding-left: 3.4rem;
 }
 
 input:not([type='file']):not([type='search']):not([type='submit']),
@@ -168,8 +155,35 @@ textarea {
       }
     }
 
+<<<<<<< HEAD
     hubl-status {
       align-self: auto;
+=======
+    /* Additional styles for the select to add a member in circle-edit */
+    .block.select-add>form {
+      display: flex;
+      flex-direction: row;
+      margin-bottom: 2.6rem;
+
+      label {
+        margin-top: 0;
+      }
+
+      .ss-main {
+        min-width: 35vw;
+      }
+
+      input[type='submit'] {
+        @extend .button,
+        .btn-margin-left,
+        .text-bold,
+        .text-uppercase,
+        .button-complementary,
+        .bordered;
+        margin-top: auto;
+        margin-bottom: auto;
+      }
+>>>>>>> 50b15bd... update: clean-up form css
     }
 
     sib-form-date {