job list: wip

src/styles/content.scss

@@ -24,20 +24,6 @@
   }
 }
 
-[name='date'] {
-  float: right;
-  display: flex;
-  align-items: center;
-  margin: -0.25em;
-
-  > * {
-    margin: 0.25em;
-  }
-
-  strong {
-    @extend %button;
-  }
-}
 // skills
 
 #member-profile sib-display-lookuplist,

src/styles/filters.scss

@@ -10,9 +10,12 @@
   }
 
   input, select {
+    appearance: none;
     border-style: none;
     box-shadow: 0 0 5px 0 rgba(133, 140, 148, 0.09);
     margin-top: 1em;
+    -moz-appearance: none;
+    -webkit-appearance: none;
   }
 
   input[type="submit"] {

src/styles/form.scss

@@ -8,6 +8,16 @@
   font-weight: normal;
 }
 
+%status-open {
+  background-color: $color-blue-light;
+  border: none;
+  border-radius: 100em;
+  color: $color-white;
+  display: inline-block;
+  font-weight: normal;
+  padding: 0.5em 1em;
+}
+
 .form-view {
   @extend %frame;
   padding: 1em;

src/styles/job-offers.scss

@@ -54,4 +54,29 @@
     overflow: hidden;
     width: 2.5em;
   }
+
+  div[name*='roles'] {
+    border: 1px solid yellow;
+    border-radius: 3px;
+    color: $color-grey2;
+    font-size: 15px;
+    font-weight: 400;
+    margin-left: 1em;
+    padding: calc(16px - 0.8em) 0.7em;
+  }
+}
+
+[name='status'] {
+  float: right;
+  display: flex;
+  align-items: center;
+  margin: -0.25em;
+
+  > * {
+    margin: 0.25em;
+  }
+
+  strong {
+    @extend %status-open;
+  }
 }

src/styles/variables.scss

@@ -2,6 +2,7 @@
 $color-white: #fff;
 $color-black: #36383b;
 $color-black-light: #4a4a4a;
+$color-grey2: #7a7f85;
 $color-grey1: #d7dbe0;
 $color-grey: #898f95;
 $color-grey-mid: #abaaba;