wip

src/styles/filters.scss

@@ -21,11 +21,10 @@
 
   select {
     background: white;
+    box-sizing: border-box;
     display: inline-block;
     padding: 0.5em 12.5em 0.5em 1em;
 
-    box-sizing: border-box;
-
     background-image:
       linear-gradient(45deg, transparent 50%, $color-grey 50%),
       linear-gradient(135deg, $color-grey 50%, transparent 50%),

src/styles/job-offers.scss

@@ -18,16 +18,16 @@
     }
 
     > sib-display {
+      @extend %frame;
       display: block;
       margin: 1em 0;
-      @extend %frame;
       padding: 2em;
       /*&:nth-child(odd) {
         background-color: $color-grey-light;
       }*/
       sib-display-div[name='title'] {
-        display: block;
         @extend h2;
+        display: block;
       }
 
       label {
@@ -35,4 +35,23 @@
       }
     }
   }
+}
+
+[name='user-thumb'] {
+  align-items: center;
+  color: $color-black-light;
+  display: flex;
+  font-weight: 600;
+  margin: -0.25em;
+
+  > * {
+    margin: 0.25em;
+  }
+
+  sib-display-img {
+    border-radius: 100%;
+    height: 2.5em;
+    overflow: hidden;
+    width: 2.5em;
+  }
 }

src/styles/variables.scss

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