Changes in ow/static/less/pages/profile.less [67fc2ed:cf12619] in OpenWorkouts-current

File:

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

ow/static/less/pages/profile.less

@@ -1 +1 @@
 .user-profile {
+    .workout-options {
+        .font-size(13);
+                margin-right: 2em;
+    }
+}
+
+.user-profile-account {
+        background-color: @color-main-xtralight;
+        border-bottom: 1px solid @color-main-light;
+    padding: 2em  1em;
+    @media (min-width: @screen-s){
+        padding: 2em 6em;
+    }
+    >div {
+        display: flex;
+        align-items: center;
+    }
     img {
         width: 140px;
@@ -6 +23 @@
         border-radius: 50%;
         margin-bottom: .5em;
-    }
-    .workout-options {
-        .font-size(13);
-    }
-}
-
-.user-profile-account {
-        background-color: @color-main-xtralight;
-    padding: 2em  1em;
-    @media (min-width: @screen-s){
-        padding: 2em 6em;
+        margin-right: 1em;
     }
         h2 {
                 margin: 0 0 .15em 0;
                 .font-size(21);
+                font-weight: 400;
         }
         p{
@@ -30 +38 @@
                 }
         }
-        .workouts {
-                .font-size(18);
-                font-weight: bold;
-        }
+}
+.total-workouts {
+        .font-size(13);
+        font-weight: bold;
 }
 
@@ -40 +48 @@
         padding: 0;
         .font-size(14);
+        background-color: white;
+        padding: .5em .75em;
+        border-radius: 4px;
+        border: 1px solid @color-main-light;
         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
+}
+
+.center {
+        text-align: center;
+}
+
+.month-stats {
+        margin-bottom: 4em;
 }