Changes in ow/static/css/main.css [bf01534:d24a64a] in OpenWorkouts-current

File:

• ow/static/css/main.css (modified) (6 diffs)

ow/static/css/main.css

@@ -663 +663 @@
   border-radius: 4px;
   padding: 0;
+  width: auto;
+  background-color: white;
 }
 .workout-options li {
@@ -1006 +1008 @@
 <a class="login-remember" href="#">Forgot your password?</a>
 */
-.user-profile img {
+.user-profile .workout-options {
+  font-size: 13px;
+  font-size: 0.8125rem;
+  margin-right: 2em;
+}
+.user-profile-account {
+  background-color: #fbfbfb;
+  border-bottom: 1px solid #e1e1e1;
+  padding: 2em  1em;
+}
+@media (min-width: 480px) {
+  .user-profile-account {
+    padding: 2em 6em;
+  }
+}
+.user-profile-account > div {
+  display: flex;
+  align-items: center;
+}
+.user-profile-account img {
   width: 140px;
   height: 140px;
@@ -1012 +1033 @@
   border-radius: 50%;
   margin-bottom: 0.5em;
-}
-.user-profile .workout-options {
-  font-size: 13px;
-  font-size: 0.8125rem;
-}
-.user-profile-account {
-  background-color: #fbfbfb;
-  padding: 2em  1em;
-}
-@media (min-width: 480px) {
-  .user-profile-account {
-    padding: 2em 6em;
-  }
+  margin-right: 1em;
 }
 .user-profile-account h2 {
@@ -1030 +1039 @@
   font-size: 21px;
   font-size: 1.3125rem;
+  font-weight: 400;
 }
 .user-profile-account p {
@@ -1040 +1050 @@
   color: #959595;
 }
-.user-profile-account .workouts {
-  font-size: 18px;
-  font-size: 1.125rem;
+.total-workouts {
+  font-size: 13px;
+  font-size: 0.8125rem;
   font-weight: bold;
 }
@@ -1050 +1060 @@
   font-size: 14px;
   font-size: 0.875rem;
+  background-color: white;
+  padding: 0.5em 0.75em;
+  border-radius: 4px;
+  border: 1px solid #e1e1e1;
 }
 .profile-data li {
-  margin-bottom: 0.25em;
+  display: flex;
+  justify-content: space-between;
+  color: #959595;
+}
+.profile-data li:not(:last-child) {
+  margin-bottom: 0.5em;
+  padding-bottom: 0.5em;
+  border-bottom: 1px solid #e1e1e1;
+}
+.profile-data li span {
+  font-weight: bold;
+  color: #151515;
 }
 .profile-bio {
-  margin: 1em 0;
+  margin: 0.5em 0;
+  font-size: 14px;
+  font-size: 0.875rem;
 }
 .month-stats,
 .latest-workouts {
-  max-width: 40vw;
-  margin: 0 auto;
+  max-width: 700px;
+}
+.center {
+  text-align: center;
+}
+.month-stats {
+  margin-bottom: 4em;
 }
 .latest-workouts h4 {