From 89ef486413d13b85536eeacaa5b036d6b3334b64 Mon Sep 17 00:00:00 2001
From: pubkey <daniel_van_meyer@hotmail.de>
Date: Mon, 6 Mar 2017 17:59:38 +0100
Subject: [PATCH] ADD flex

---
 resumes/resume-material-blue/index.mustache |  5 -----
 resumes/resume-material-blue/style.less     | 23 ++++++++++++++++-----
 2 files changed, 18 insertions(+), 10 deletions(-)

diff --git a/resumes/resume-material-blue/index.mustache b/resumes/resume-material-blue/index.mustache
index ee76feb..019ee40 100644
--- a/resumes/resume-material-blue/index.mustache
+++ b/resumes/resume-material-blue/index.mustache
@@ -97,7 +97,6 @@
             </div>
             <div class="content">
                 <h2>Experience</h2>
-
                 {{#person.experience}}
                     <div class="item">
                         <h3>{{position}} - {{company}}</h3>
@@ -108,7 +107,6 @@
                     </div>
                 {{/person.experience}}
             </div>
-            <div class="c"></div>
         </div>
 
         <div class="block">
@@ -121,14 +119,11 @@
                 {{#person.education}}
                     <div class="item">
                         <h3>{{degree}}</h3>
-
                         <span>{{timeperiod}}</span>
-
                         <p> {{description}} </p>
                     </div>
                 {{/person.education}}
             </div>
-            <div class="c"></div>
         </div>
     </div>
     <div style="clear:both;"></div>
diff --git a/resumes/resume-material-blue/style.less b/resumes/resume-material-blue/style.less
index 15343ab..dd7600f 100644
--- a/resumes/resume-material-blue/style.less
+++ b/resumes/resume-material-blue/style.less
@@ -4,7 +4,6 @@
     .c {
         clear: both;
     }
-
     font-family: 'roboto', sans-serif;
     background-color: #ccc;
     font-size: 15px;
@@ -75,15 +74,20 @@
         width: 63.5%;
         height: 100%;
         float: right;
+        display: flex;
+        flex-direction: column;
 
         .block {
             box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
             width: 100%;
             min-height: 50px;
+            flex: 1;
+            position: relative;
             background-color: white;
             padding-top: 24px;
             padding-bottom: 10px;
-            margin-bottom: 15px;
+            margin-top: 6px;
+            margin-bottom: 6px;
 
             .icon {
                 width: 16%;
@@ -98,14 +102,23 @@
             }
 
             .content {
-                float: right;
                 width: 80%;
+                position: absolute;
+                height: 96%;
+                left: 17%;
                 padding-right: 3%;
                 text-align: left;
+                display: flex;
+                flex-direction: column;
 
                 .item {
                     border-bottom: 1px solid #bdbdbd;
-                    margin-top: 20px;
+                    flex: 1;
+                    width: 97%;
+                    display: flex;
+                    justify-content: center;
+                    flex-direction: column;
+                    text-align: left;
 
                     span {
                         color: #5da4d9;
@@ -263,7 +276,7 @@
     }
 
     #myselfpic {
-        background-image: url(/person.jpg);
+        background-image: url("/person.jpg");
         color: black;
     }