SONAR-6507 Redesign the "My Profile" page

3 files changed, 21 insertions, 11 deletions

diff --git a/server/sonar-web/src/main/less/init/icons.less b/server/sonar-web/src/main/less/init/icons.less
index 4165443ea14..4370b75b8ac 100644
--- a/server/sonar-web/src/main/less/init/icons.less
+++ b/server/sonar-web/src/main/less/init/icons.less
@@ -301,18 +301,22 @@ a[class^="icon-"], a[class*=" icon-"] {
   content: "\f073";
   font-size: @iconFontSize;
 }
-.icon-favorite { font-size: @iconFontSize; }
-.icon-favorite:before {
-  content: "\f005";
-  color: @orange;
-  font-size: @iconFontSize;
+
+.icon-favorite,
+.icon-not-favorite {
+  display: inline-block;
+  vertical-align: top;
+  .square(16px);
+  background-size: 16px 16px;
+  background: no-repeat center center;
 }
-.icon-not-favorite { font-size: @iconFontSize; }
-.icon-not-favorite:before {
-  content: "\f005";
-  color: @darkGrey;
-  font-size: @iconFontSize;
+.icon-favorite {
+  background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.414%22%3E%3Cpath%20d%3D%22M15.428%205.777c0%20.13-.078.274-.233.428l-3.24%203.16.767%204.465c.006.042.01.102.01.18%200%20.124-.032.23-.095.316-.062.086-.153.13-.272.13-.113%200-.232-.036-.357-.108l-4.01-2.107L3.99%2014.35c-.13.072-.25.107-.357.107-.125%200-.22-.043-.28-.13-.064-.085-.095-.19-.095-.316%200-.037.006-.096.018-.18l.768-4.464-3.25-3.16C.644%206.045.57%205.9.57%205.775c0-.22.167-.356.5-.41l4.482-.652L7.562.652c.112-.244.258-.366.437-.366.177%200%20.323.122.436.366l2.01%204.062%204.48.652c.335.054.5.19.5.41h.002z%22%20fill%3D%22%23F90%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E');
+}
+.icon-not-favorite {
+  background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.414%22%3E%3Cpath%20d%3D%22M15.428%205.777c0%20.13-.078.274-.233.428l-3.24%203.16.767%204.465c.006.042.01.102.01.18%200%20.124-.032.23-.095.316-.062.086-.153.13-.272.13-.113%200-.232-.036-.357-.108l-4.01-2.107L3.99%2014.35c-.13.072-.25.107-.357.107-.125%200-.22-.043-.28-.13-.064-.085-.095-.19-.095-.316%200-.037.006-.096.018-.18l.768-4.464-3.25-3.16C.644%206.045.57%205.9.57%205.775c0-.22.167-.356.5-.41l4.482-.652L7.562.652c.112-.244.258-.366.437-.366.177%200%20.323.122.436.366l2.01%204.062%204.48.652c.335.054.5.19.5.41h.002z%22%20fill%3D%22%23CDCDCD%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E');
 }
+
 .icon-help:before {
   content: "\f059";
   color: @blue;
diff --git a/server/sonar-web/src/main/less/init/misc.less b/server/sonar-web/src/main/less/init/misc.less
index 7c51d9d1a62..d9d5442cf20 100644
--- a/server/sonar-web/src/main/less/init/misc.less
+++ b/server/sonar-web/src/main/less/init/misc.less
@@ -81,6 +81,7 @@ td.spacer-top    { padding-top: 8px; }
 .width-15 { width: 15%; }
 .width-10 { width: 10%; }
 
+.abs-width-240 { width: 240px; }
 .abs-width-400 { width: 400px; }
 
 .justify {
diff --git a/server/sonar-web/src/main/less/init/tables.less b/server/sonar-web/src/main/less/init/tables.less
index 4b99895eef1..e643f1b7207 100644
--- a/server/sonar-web/src/main/less/init/tables.less
+++ b/server/sonar-web/src/main/less/init/tables.less
@@ -192,11 +192,16 @@ td.sep {
   padding: 0 5px;
 }
 
-table.form td {
+table.form td{
   padding: 2px 5px;
   vertical-align: top;
 }
 
+table.form th {
+  padding: 2px 5px;
+  font-weight: 600;
+}
+
 table.form td.keyCell {
   width: 1%;
   white-space: nowrap;