From 9ba1485c75561478b6714569365340bab6cb4364 Mon Sep 17 00:00:00 2001
From: Ramon Wenger <donramonloco+github@gmail.com>
Date: Thu, 6 Sep 2018 10:14:28 +0200
Subject: [PATCH] Add new widget

---
 client/src/components/AddContentElement.vue | 34 +++++++++++++++++++--
 1 file changed, 32 insertions(+), 2 deletions(-)

diff --git a/client/src/components/AddContentElement.vue b/client/src/components/AddContentElement.vue
index 0f1ef7a0..7d3efc05 100644
--- a/client/src/components/AddContentElement.vue
+++ b/client/src/components/AddContentElement.vue
@@ -1,5 +1,35 @@
 <template>
-  <div>
-    <h1>Add Block</h1>
+  <div class="add-content-element">
+    <add-icon class="add-content-element__icon"></add-icon>
   </div>
 </template>
+
+<script>
+  import AddIcon from '@/components/icons/AddIcon';
+
+  export default {
+    components: {
+      AddIcon
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+  @import "@/styles/_variables.scss";
+
+  .add-content-element {
+    display: flex;
+    justify-content: center;
+    border-bottom: 2px solid $color-grey;
+    margin-bottom: 21px + 25px;
+
+    &__icon {
+      width: 40px;
+      height: 40px;
+      fill: $color-grey;
+      margin-bottom: -21px;
+      background-color: $color-white;
+      border-radius: 50px;
+    }
+  }
+</style>