From 024857640bc99654458d0dddf21c193acd819130 Mon Sep 17 00:00:00 2001
From: Gaelle Morin <morin.gaelle@gmail.com>
Date: Tue, 11 Dec 2018 14:29:59 +0100
Subject: [PATCH] first offer card top aligned

---
 src/styles/content.scss    | 38 --------------------------------------
 src/styles/filters.scss    |  6 ------
 src/styles/index.scss      |  1 +
 src/styles/job-offers.scss | 38 ++++++++++++++++++++++++++++++++++++++
 4 files changed, 39 insertions(+), 44 deletions(-)
 create mode 100644 src/styles/job-offers.scss

diff --git a/src/styles/content.scss b/src/styles/content.scss
index 645225b..7ee82b0 100644
--- a/src/styles/content.scss
+++ b/src/styles/content.scss
@@ -7,28 +7,6 @@
 //   //float: right;
 // }
 
-#offers-list {
-  > div {
-    > sib-display {
-      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;
-      }
-
-      label {
-        display: none;
-      }
-    }
-  }
-}
-
 [name='user-thumb'] {
   display: flex;
   align-items: center;
@@ -304,22 +282,6 @@ hdapp-available {
   }
 }
 
-#offers-list {
-  @extend .grid-layer;
-  > sib-form {
-    grid-column-start: start;
-    grid-column-end: middle;
-    grid-row-start: start;
-    grid-row-end: middle;
-  }
-  > div {
-    grid-column-start: start;
-    grid-column-end: end;
-    grid-row-start: middle;
-    grid-row-end: end;
-  }
-}
-
 #member-profile,
 #profiles-list {
   ul {
diff --git a/src/styles/filters.scss b/src/styles/filters.scss
index 14d55a8..8737a6f 100644
--- a/src/styles/filters.scss
+++ b/src/styles/filters.scss
@@ -5,7 +5,6 @@
   grid-template-columns: 33% auto;
   padding-bottom: 3em;
 
-
   label {
     display: block;
   }
@@ -49,8 +48,3 @@
     flex-direction: column;
   }
 }
-
-#
-
-
-
diff --git a/src/styles/index.scss b/src/styles/index.scss
index bc53b09..ecd5f85 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -10,6 +10,7 @@
 @import 'content';
 @import 'filters';
 @import 'right-panel';
+@import 'job-offers';
 
 // @import 'members';
 @import 'header';
diff --git a/src/styles/job-offers.scss b/src/styles/job-offers.scss
new file mode 100644
index 0000000..2d6d63b
--- /dev/null
+++ b/src/styles/job-offers.scss
@@ -0,0 +1,38 @@
+#offers-list {
+  @extend .grid-layer;
+  > sib-form {
+    grid-column-start: start;
+    grid-column-end: middle;
+    grid-row-start: start;
+    grid-row-end: middle;
+  }
+
+  > div {
+    grid-column-start: start;
+    grid-column-end: end;
+    grid-row-start: middle;
+    grid-row-end: end;
+
+    &:first-of-type {
+      margin-top: 3em;
+    }
+
+    > sib-display {
+      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;
+      }
+
+      label {
+        display: none;
+      }
+    }
+  }
+}
\ No newline at end of file