Changeset ffd6bb5 in OpenWorkouts-current for ow/static/less/pages/profile.less

Timestamp:

Feb 4, 2019, 5:48:44 PM (5 years ago)

Author:

Segundo Fdez <segun.2@…>

Branches:

current, feature/docs, master

Children:

d24a64a

Parents:

d52ba50

Message:

update profile header ui

File:

• ow/static/less/pages/profile.less (modified) (4 diffs)

ow/static/less/pages/profile.less

@@ -2 +2 @@
     .workout-options {
         .font-size(13);
+                margin-right: 2em;
     }
 }
@@ -11 +12 @@
         padding: 2em 6em;
     }
+    >div {
+        display: flex;
+        align-items: center;
+    }
     img {
         width: 140px;
@@ -17 +22 @@
         border-radius: 50%;
         margin-bottom: .5em;
+        margin-right: 1em;
     }
         h2 {
@@ -40 +46 @@
         padding: 0;
         .font-size(14);
+        background-color: white;
+        padding: .5em .75em;
+        border-radius: 4px;
+        border: 1px solid @color-main-light;
+        max-width: 200px;
         li {
-                margin-bottom: .25em;
+                display: flex;
+                justify-content: space-between;
+                color: @color-main-medium;
+                &:not(:last-child) {
+                        margin-bottom: .5em;
+                        padding-bottom: .5em;
+                        border-bottom: 1px solid @color-main-light;
+                }
+                span {
+                        font-weight: bold;
+                        color: @color-main;
+                }
         }
 }
 
 .profile-bio {
-        margin: 1em 0;
+        margin: .5em 0;
+        .font-size(14);
 }
 
 .month-stats,
 .latest-workouts {
-        max-width: 40vw;
-        margin: 0 auto;
+        max-width: 700px
+}
+
+.month-stats {
+        margin-bottom: 4em;
 }