zeroual · NaitYoussef · Jul 10, 2017 · Aug 7, 2017 · Aug 7, 2017 · Aug 7, 2017
diff --git a/src/main/webapp/app/social/profile/components/chef-profile.html b/src/main/webapp/app/social/profile/components/chef-profile.html
@@ -1,6 +1,6 @@
 <div class="card">
-    <div class="panel panel-default">
-        <div class="panel-body">
+    <div class="row profile-header-background">
+        <div class="panel-body profile-header-panel" >
             <div id="header-profile">
                 <div class="picture-profile">
                     <img class="img-circle"

diff --git a/src/main/webapp/app/social/stream/directives/feeds-streamer/feeds.streamer.html b/src/main/webapp/app/social/stream/directives/feeds-streamer/feeds.streamer.html
@@ -1,6 +1,6 @@
 <div class="card timeline">
     <div class="row">
-        <div class="col-md-push-2 col-md-7 col-xs-12 no-padding">
+        <div class="col-md-push-2 col-md-8 col-xs-12 no-padding">
             <feed-viewer
                     ng-repeat="feed in $ctrl.feeds"
                     feed="feed"

diff --git a/src/main/webapp/assets/css/feeds.css b/src/main/webapp/assets/css/feeds.css
@@ -4,6 +4,7 @@
 
 .feed {
     max-width: 600px;
+    margin: 0 auto;
 }
 
 .feed .feed-image {

diff --git a/src/main/webapp/assets/css/main.css b/src/main/webapp/assets/css/main.css
@@ -2,7 +2,10 @@ body {
     color: #546673;
     font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 }
-
+.main-container{
+    padding-top: 70px;
+    width:100%;
+}
 .no-padding {
     padding: 0px;
 }

diff --git a/src/main/webapp/assets/css/profile.css b/src/main/webapp/assets/css/profile.css
@@ -1,6 +1,26 @@
 #header-profile {
     position:relative;
 }
+.card .profile-header-background {
+    border:none;
+    border-bottom:1px solid rgba(0,0,0,.15);
+    padding-bottom:20px;
+    margin-bottom:15px;
+    margin-top:-20px;
+    background-image : url('data:image/svg+xml;utf8,<svg jsname="BUfzDd" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 810" preserveAspectRatio="xMinYMin slice" aria-hidden="true"><path fill="#E4EEFF" d="M592.66 0c-15 64.092-30.7 125.285-46.598 183.777C634.056 325.56 748.348 550.932 819.642 809.5h419.672C1184.518 593.727 1083.124 290.064 902.637 0H592.66z"></path><path fill="#ECF3FF" d="M545.962 183.777c-53.796 196.576-111.592 361.156-163.49 490.74 11.7 44.494 22.8 89.49 33.1 134.883h404.07c-71.294-258.468-185.586-483.84-273.68-625.623z"></path><path fill="#F4F8FF" d="M153.89 0c74.094 180.678 161.088 417.448 228.483 674.517C449.67 506.337 527.063 279.465 592.56 0H153.89z"></path><path fill="#FFFFFF" d="M153.89 0H0v809.5h415.57C345.477 500.938 240.884 211.874 153.89 0z"></path><path fill="#DCE9FF" d="M1144.22 501.538c52.596-134.583 101.492-290.964 134.09-463.343 1.2-6.1 2.3-12.298 3.4-18.497 0-.2.1-.4.1-.6 1.1-6.3 2.3-12.7 3.4-19.098H902.536c105.293 169.28 183.688 343.158 241.684 501.638v-.1z"></path><path fill="#CCDFFF" d="M1285.31 0c-2.2 12.798-4.5 25.597-6.9 38.195C1321.507 86.39 1379.603 158.98 1440 257.168V0h-154.69z"></path><path fill="#D4E4FF" d="M1278.31,38.196C1245.81,209.874 1197.22,365.556 1144.82,499.838L1144.82,503.638C1185.82,615.924 1216.41,720.211 1239.11,809.6L1439.7,810L1439.7,256.768C1379.4,158.78 1321.41,86.288 1278.31,38.195L1278.31,38.196z"></path></svg>');
+     -webkit-background-size: cover;
+        background-size: cover;
+}
+.profile-header-panel{
+    max-width:60vw;
+    margin-left:auto;
+    margin-right:auto;
+}
+@media (max-width: 767px) {
+    .profile-header-panel{
+        max-width:100%;
+    }
+}
 
 #header-profile .picture-profile {
     position:absolute;
@@ -15,10 +35,10 @@
 
 #header-profile .cover-profile {
     height:200px;
-    background: url('/assets/images/covers/couverture.png') no-repeat center fixed;
     -webkit-background-size: cover;
     background-size: cover;
     background-position:bottom left;
+
 }
 
 #header-profile .profile-summary {
@@ -27,9 +47,6 @@
     width:100%;
     bottom:0px;
     padding:10px 10px 10px 200px;
-    color:white;
-    background-color: rgba(0, 0, 0, 0.5);
-    background: rgba(0, 0, 0, 0.5);
 }
 
 #header-profile .profile-summary-left {
@@ -41,12 +58,12 @@
 }
 
 #header-profile #profile-name {
-    font-size:1.5em;
+    font-size:2.5em;
+    color: #292f33;
 }
 
 #header-profile #profile-followers-total {
     margin-right:10px;
 }
 
 
-
diff --git a/src/main/webapp/assets/images/covers/couverture.png b/src/main/webapp/assets/images/covers/couverture.png
diff --git a/src/main/webapp/index.html b/src/main/webapp/index.html
@@ -47,7 +47,7 @@
 <div ui-view="main">
     <toast></toast>
     <div ui-view="navbar"></div>
-    <div class="container" style="padding-top: 70px;">
+    <div class="container main-container">
         <div ui-view="content">
 
         </div>
-Original file line number
+Diff line change
@@ Expand Up / @@ -4,6 +4,7 @@ @@
     .feed {
         max-width: 600px;
+        margin: 0 auto;
     }
     .feed .feed-image {
@@ Expand Down @@