Index: ow/static/css/main.css
===================================================================
--- ow/static/css/main.css	(revision 10c8e6e522abc03b669c720119a7733c881170d5)
+++ ow/static/css/main.css	(revision bf0153484cfac7dcdb4e1ed456ca276ba5beeb2b)
@@ -722,8 +722,13 @@
 /* Workout detail */
 #map {
-  height: 50vh;
+  height: 400px;
+}
+@media (min-width: 480px) {
+  #map {
+    height: calc(100vh - 380px);
+  }
 }
 .workout-detail {
-  padding: 2em  1em;
+  padding: 0em  1em;
 }
 @media (min-width: 480px) {
@@ -741,6 +746,11 @@
 .workout-detail-resume {
   max-width: 500px;
-  margin-right: 6em;
   margin-bottom: 2em;
+  padding-top: 2em;
+}
+@media (min-width: 800px) {
+  .workout-detail-resume {
+    margin-right: 6em;
+  }
 }
 .workout-detail-resume h3 {
@@ -761,4 +771,11 @@
   max-width: 600px;
 }
+@media (min-width: 800px) {
+  .workout-detail-info {
+    border-right: 1px solid #e1e1e1;
+    border-left: 1px solid #e1e1e1;
+    padding: 2em 1em 2em 2em;
+  }
+}
 .workout-detail-info ul {
   list-style-type: none;
@@ -771,13 +788,39 @@
 .workout-detail-info ul span {
   display: block;
+  font-size: 13px;
+  font-size: 0.8125rem;
   color: #959595;
-  font-size: 13px;
-  font-size: 0.8125rem;
+  margin-bottom: 0.25em;
+}
+.workout-detail-info ul span.min,
+.workout-detail-info ul span.avg,
+.workout-detail-info ul span.max {
+  display: inline-block;
+  color: white;
+  padding: 0.5em 0.85em;
+  border-radius: 3px;
+}
+.workout-detail-info ul span.max {
+  background-color: #EE4056;
+}
+.workout-detail-info ul span.min {
+  background-color: #1395CA;
+  margin-right: 0.5em;
+}
+.workout-detail-info ul span.avg {
+  background-color: #17C898;
+  margin-right: 0.5em;
 }
 .workout-detail-info li {
   margin-bottom: 2em;
   margin-right: 1em;
-  font-size: 16px;
-  font-size: 1rem;
+  color: #959595;
+  font-size: 15px;
+  font-size: 0.9375rem;
+}
+.workout-detail-info li.important {
+  font-size: 21px;
+  font-size: 1.3125rem;
+  color: #151515;
 }
 /* Week report */
Index: ow/static/less/modules/workout.less
===================================================================
--- ow/static/less/modules/workout.less	(revision 10c8e6e522abc03b669c720119a7733c881170d5)
+++ ow/static/less/modules/workout.less	(revision bf0153484cfac7dcdb4e1ed456ca276ba5beeb2b)
@@ -189,9 +189,12 @@
 /* Workout detail */
 #map {
-    height: 50vh;
+    height: 400px;
+    @media (min-width: @screen-s){
+        height: calc(100vh - 380px);
+    }
 }
 
 .workout-detail {
-    padding: 2em  1em;
+    padding: 0em  1em;
     @media (min-width: @screen-s){
         max-width: 1280px;
@@ -206,6 +209,9 @@
 .workout-detail-resume {
     max-width: 500px;
-    margin-right: 6em;
     margin-bottom: 2em;
+    padding-top: 2em;
+    @media (min-width: @screen-m){
+        margin-right: 6em;
+    }
     h3 {
         margin-top: 0;
@@ -224,4 +230,9 @@
 .workout-detail-info {
     max-width: 600px;
+    @media (min-width: @screen-m){
+        border-right: 1px solid @color-main-light;
+        border-left: 1px solid @color-main-light;
+        padding:2em 1em 2em 2em;
+    }
     ul {
         list-style-type: none;
@@ -233,6 +244,27 @@
         span {
             display: block;
+            .font-size(13);
             color: @color-main-medium;
-            .font-size(13);
+            margin-bottom: .25em;
+            &.min,
+            &.avg,
+            &.max {
+                display: inline-block;
+                color: white;
+                padding: .5em .85em;
+                border-radius: 3px;
+            }
+            &.max {
+                background-color: @color-app;
+            }
+            &.min {
+                background-color: #1395CA;
+                margin-right: .5em;
+            }
+
+            &.avg {
+                background-color: #17C898;
+                margin-right: .5em;
+            }
         }
     }
@@ -240,5 +272,10 @@
         margin-bottom: 2em;
         margin-right: 1em;
-        .font-size(16);
+        color: @color-main-medium;
+        .font-size(15);
+        &.important {
+            .font-size(21);
+            color: @color-main;
+        }
     }
 }
